• Stars
    star
    1,819
  • Rank 25,522 (Top 0.6 %)
  • Language
    TypeScript
  • License
    Apache License 2.0
  • Created over 3 years ago
  • Updated 3 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Free and Open Canvas for Humans and Machines

🏄‍♂️ surf.

🏄‍♂️ Surf your repository like a pro

❗️ This repo is forked from Github1s. If you are looking for github1s.com, please visit here. Please note that most of the code / work is done by conwnet and github1s contributors (more details below), and we are happy to use the original implementations to modify with more customizations.

surf cli on npm Deploy github.surf with Vercel GitHub Surf - Open repositories in a VSCode environment in your browser | Product Hunt Twitter GitHub license

Features

github.surf

TL;DR Jump to demo

  • Github support - Surf GitHub repository on browser with vscode environment
  • Gist support - Surf Gist repository on browser with vscode environment (DEMO)
  • Official Chrome extension - Launch surf with extension button
  • Official CLI - surf . command for opening surf on terminal
  • Gitlab support (gitlab.surf)
  • Bitbucket support (under development) (bitbucket.surf)
  • surf.codes for private, custom scm (enhance)
  • Remote compile & terminal support in browser (comming soon)

Chrome extension

Download our official chrome here (It's currently under review)

surf chrome extension

Building and installing chrome extension on your own

This also works for the GIST too

gist surf

🏄‍♂️ surf CLI

Like vscode's code ., we support our command surf

# === install the cli ===
npm -g install @bridged.xyz/surf
		# or with yarn
		yarn global add @bridged.xyz/surf

# and surf 🏄 !
surf .

You can use this as your sub editor, which can be useful when you're exploring your master/main repository when you are at your own branch on your local machine

# different branch
surf -b <branch-name>

Learn more at surf-cli

Notes

For unlimited usage, you must provide github token in key icon tab

You can generate new token for github.surf on here

provide oauth token for unlimited usage on github.surf

Limitations

Max requests per hour

  • github - 60 requests per hour if no token provided (5000 when provided)
  • gitlab - 5 requests per minute
  • bitbucket - 60 requests per hour

Learn more about providing a token for unlimited usage

Github Enterprise usage

You have to modify api.ts and deploy as-your-own via Deploy on vercel button on the top of this document. api.github.com shall point to your-server.example.com

Supported languages / frameworks extensions (themes)

As listed here and surf-code-extensions here, we support below extensions in-the-box

  • Vue
  • JS/TS/JSX/TSX (React, Svelte, and other js based frameworks)
  • Dart & Flutter
  • Elm
  • Kotlin
  • Scala
  • Ocaml
  • Vetur
  • Jupyter Notebook - deepmind/deepmind-research demo
  • Material theme

What's Next?

  • PWA Support
  • Enterprise account support (github enterprise)
  • Custom extensions support
  • Mobile screen support
  • Remote cli & build support
  • More powerful Private repository experience

Remote compile / App preview (for ui applications) & CLI Capabilities.

For repositories containing project such like flutter, react and other main ui frameworks we are planning to suport live-compile-preview feature of the application. The main issue with this will be the pricing and performance limitation, since we are going to keep this project free / fast for everyone.

The technology behind this is under development in appbox and console. You can see the remote-compile demo on assistant

Contribution

Join the community

Learn more about contribution at CONTRIBUTING.md

Disclaimer

This project is inspired from cdr/code-server and conwnet/github1s. The base code was forked from github1s (MIT License at the point of fork), which we are replacing it with our own implementations and approaches.

See Also

References & Blogs / Translations

References

Blogs / Translations

medium github surf

get-chrome-ext get-firefox-addon

More Repositories

1

assistant

🤖 Bring your Figma design & development pipeline to the next level - with design to code, in-design-content-management, component management, tools for faster design
TypeScript
573
star
2

flutter-timeline

⌚️ Flutter timelines
Dart
387
star
3

code

Design to Code Engine
TypeScript
226
star
4

cors.sh

Sick of CORS Errors?
TypeScript
192
star
5

legacy

Archived
TypeScript
142
star
6

base

☁️ BASE - Grida's open cloud platform
TypeScript
94
star
7

dynamix

📱 dynamix - The missing bridge for web / webview for hybrid apps
TypeScript
73
star
8

flutter

Grida Flutter Support - Behind techs & packages
TypeScript
57
star
9

ui-dataset

A pre labelled dataset for ui element / layout detection
47
star
10

grida.co

🌉 A Grida main website & documentations
TypeScript
30
star
11

figma-sdk

🎨 Design SDK, Supercharged Figma API & Plugin Development
TypeScript
28
star
12

nothing

Next generation Graphics engine built with WebGPU and Rust
TypeScript
20
star
13

ui-labeller

label your image dataset on figma for realtime collaboration and data centralization
JavaScript
18
star
14

figma-archives

Figma Files Scraper for Research & Studies
Python
18
star
15

CoLI

Computer Language Interface. A Code builder (json, jsx, js, ts, dart, css, xml, html, python) AST Builder / Parser
TypeScript
17
star
16

boring

😶 A very boring text editor engine like notion. yet free and open to use
TypeScript
15
star
17

console

[Under development] Grida console for managing your designs, asset, translations with collaboration.
TypeScript
13
star
18

figma-view

React figma renderer component
TypeScript
12
star
19

inapp-bridge

🌉 web view & native app inter communication protocol for smarter hybrid apps
TypeScript
12
star
20

context

📖 UI/UX context detection engine
11
star
21

design-lint

🖍 reflect design linting specifications
TypeScript
11
star
22

vscode

vscode extension for Grida apps
TypeScript
11
star
23

code-like-ui

ui controls seamlessly embedded in code style block
TypeScript
11
star
24

roadmap

🚴‍♂️ Roadmap, Feature requests, and Discussions repository
10
star
25

base-sdk

Grida Cloud BASE SDK for nodejs / browser
TypeScript
10
star
26

editor-ui

Editor UI Framework for React - used by enterprise level applications - such as Grida, nothing.app, designto.codes, surf.codes and boring.so
TypeScript
9
star
27

engines

🛰️ AI Powered Grida Engines
Jupyter Notebook
9
star
28

examples

Dart
8
star
29

design-file-converter

➡️🎨➡️🎨 Convert your design from sketch figma xd bridged - to - sketch figma xd bridged.
8
star
30

reflect-core-ts

reflect core definitions on typescript
TypeScript
7
star
31

ui-crawler

ui crawler - Not following site's robots.txt policy. (use it with your own obligation)
Python
7
star
32

schema

Visual data IDE & Modules
Dart
6
star
33

ddd

open 3D resources, free to use, use for ML data set
5
star
34

pyast-ts

python typescript (ts / js / jsx / tsx) ast parser using standard typescript package
Python
5
star
35

design-server

Structure & SDK for building realtime collaboration backend service
5
star
36

scenes

Grida Scenes - npm `@scenes`
TypeScript
4
star
37

dns

Open Domain Registarar - We take no extra fees for registering domain
TypeScript
4
star
38

cli

`grida` command line interface
TypeScript
4
star
39

H2I

Html2Img as a service
TypeScript
4
star
40

figma-api

Faster Figma proxy api with caching
4
star
41

G11n

🏳️‍🌈 G11n - A Visual translation platform for Apps, Webs and Games.
TypeScript
4
star
42

brand.grida.co

Grida branding resources, opened.
JavaScript
4
star
43

schema-studio

👩‍🎨 bridged schema studio built on flutter
Dart
4
star
44

virtual-keyboard

A virtual keyboard for testing mobile devices environment on desktop web (non emulated) environment
4
star
45

plugin-sdk

develop plugin for your own needs on bridged platform
4
star
46

throw.new

https://throw.new - An Error website
TypeScript
4
star
47

The-Bundle

The Bundle - Open Source Graphics Asset Repository
Python
3
star
48

.grida

.bridged configuration specs for Bridged App and Code extensions
TypeScript
3
star
49

stickers

Stickers for the humanity
3
star
50

grida.studio

Grida Studios - Creatives Agency
TypeScript
3
star
51

.github

.github configuration & contributing guideline for all bridged projects
3
star
52

packages.grida.co

Bridged design pack, extensions and plugins community repository
JavaScript
3
star
53

functions

🧮 useful set of functions used for developing real-world applications
TypeScript
3
star
54

framework

Untitled. A Visual design & development framework, like Unity, but for Apps.
3
star
55

blogs

Bridged blogs - anyone can publish on bridged blog
TypeScript
3
star
56

edu.grida.co

Free & Open Edu framework
3
star
57

coli-web-builder

jsx syntax tree builder for web applications. react, vue, svelte, etc..
TypeScript
3
star
58

appbox

Drag & Drop editor for production level ui generation
JavaScript
2
star
59

contents-crawler

a fully customizable web contents crawler for collecting ml dataset
Python
2
star
60

awesome-designs

2
star
61

contributing-and-license

contribution guideline and license documentations
2
star
62

grida-preview

A Grida Preview Mobile app to preview & share apps that are instantly converted from design.
2
star
63

flutter-preview

Flutter Instant preview extension For VSCode
2
star
64

code.grida.co

Design to code as a web editor
2
star
65

ant-design-builder

Ant design react syntax builder
TypeScript
2
star
66

chrome-extension

chrome extension for bridged platform - realtime translation editing and more
TypeScript
2
star
67

west

🏇 The Wild West of quests and rewards
TypeScript
2
star
68

jetpack-compose-builder

A CoLI Based Android Jetpack Compose UI Builder for TS
2
star
69

policies

grida's policies as code
TypeScript
2
star
70

grida-links

Grida system services url constants & builders
TypeScript
2
star
71

analytics

Bridged internal analytics components
TypeScript
1
star
72

clickclick.design

ui/ux design patterns website & data source
JavaScript
1
star
73

echo

Echo is a telemetry service for your CLI Applications
1
star
74

tiny-mini-micro

A list of tiny, mini and micro tools for development
JavaScript
1
star
75

fe-examples

frontend examples built with bridged
Dart
1
star
76

hereis.design

Share your designs
JavaScript
1
star
77

emails

Visual email service for building services. npm `@mails`
1
star
78

grida-mobile-app

bridged mobile app built uppon flutter
Dart
1
star
79

docs

A Grida documentation repository (ARCHIVED)
1
star
80

github-archives

PL Datasource from public github repositories
Python
1
star
81

screen-sizes

device list & screen size list updated on monthly basis. used for reflect.bridged.xyz
TypeScript
1
star
82

chatgpt-board

A Visual board to organize your ideas, conversations with chatGPT
1
star
83

dsdoc

Design system document website builder built upon docusaurus for storybook.js users
1
star
84

serverless-prisma-webpack-nest-server-template

NestJS + Serverless + Prisma + Webpack Template
TypeScript
1
star
85

rebel

Rebel is an annual developer conference by grida
1
star
86

stile

Stiling engine for reflect design
1
star
87

admin.grida.co

Admin console for bridged users & also used by internal bridged teams
1
star