{"id":15205011,"url":"https://github.com/gridaco/legacy","last_synced_at":"2025-10-02T23:34:26.077Z","repository":{"id":39576382,"uuid":"297521507","full_name":"gridaco/legacy","owner":"gridaco","description":"Archived","archived":true,"fork":false,"pushed_at":"2023-12-13T17:21:44.000Z","size":245650,"stargazers_count":142,"open_issues_count":0,"forks_count":13,"subscribers_count":6,"default_branch":"main","last_synced_at":"2024-04-13T21:43:01.628Z","etag":null,"topics":["codegen","engine","figma","skia","studio","ui-design","ui-ux"],"latest_commit_sha":null,"homepage":"https://github.com/gridaco/grida","language":"TypeScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gridaco.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":"docs/support/README.md","governance":null,"roadmap":null,"authors":null,"dei":null},"funding":{"open_collective":"grida"}},"created_at":"2020-09-22T03:09:25.000Z","updated_at":"2024-03-16T21:28:55.000Z","dependencies_parsed_at":"2024-03-17T07:39:07.519Z","dependency_job_id":null,"html_url":"https://github.com/gridaco/legacy","commit_stats":{"total_commits":1558,"total_committers":14,"mean_commits":"111.28571428571429","dds":0.3478818998716303,"last_synced_commit":"8fc8b1fb2f3e4419eeaa49193ddb5c1fade82582"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gridaco%2Flegacy","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gridaco%2Flegacy/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gridaco%2Flegacy/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gridaco%2Flegacy/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gridaco","download_url":"https://codeload.github.com/gridaco/legacy/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235016989,"owners_count":18922869,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["codegen","engine","figma","skia","studio","ui-design","ui-ux"],"created_at":"2024-09-28T06:01:05.298Z","updated_at":"2025-10-02T23:34:21.005Z","avatar_url":"https://github.com/gridaco.png","language":"TypeScript","funding_links":["https://opencollective.com/grida"],"categories":[],"sub_categories":[],"readme":"\u003cdiv style=\"text-align:center\"\u003e\u003cimg src=\"./branding/github-cover.png\"/\u003e\u003c/div\u003e\n\n# Opensource Design Tool for the world.\n\n_For whom eager to create, design, develop and share with the world._\n\n\u003e **Grida (Previously known as _Bridged 2022_ - opensource collaborative realtime ui editor)**\n\u003e\n\u003e an opensource wasm application explicitly designed for service application design/development\n\n- developer first\n- plugin sdk and core engine api is mapped 1:1\n- right on to production code\n\n## This application is under development and will be available on stable channel on early 2022\n\nThis project, `Grida` is under development with foundation technologies. We are looking forward that Grida will change the industry design/development standard by this piece of OSS Project. For updates, please subscribe our news letter on [grida.co](https://grida.co) or [bridged.xyz](https://bridged.xyz)\n\n- [Grida Assistant](https://github.com/gridaco/assistant) - A plugin fro figma that allows to import designs to Grida.\n- [Bridged Console](https://github.com/bridgedxyz/console.bridged.xyz) - A Bridged console for content management used for both design \u0026 development\n\n## Engine \u0026 Foundation\n\n- studio is built uppon skia graphics library\n- the core component used is followed by _[reflect design system](https://refkect-ui,com)_\n- studio's surface is built on react\n\n## Docs\n\nRead the Grida usage docs [here](./docs)\n\n## Workspace\n\nartboard workspace\n\n## Scriptable\n\nscripting built in with js/ts sdk and add-on plugin\n\n## Backend\n\n[Live Collaborative Design Server](https://github.com/gridaco/design-server)\n\n## Structure - Packages \u0026 Modules\n\n![](./branding/project-maps.png)\n\n**GRAPHICS ENGINE**\n\n- **nothing** - nothing but drawing. everything drawable graphics engine.\n  - [github](https://github.com/gridaco/nothing)\n  - [website](https://nothing.app/)\n  - **@nothing.app/react** - React SDK - Fully built, all-in-one graphics tools for drawing, editing and sharing\n\n**UI LIBRARY**\n\n- **reflect-ui**\n  - **reflect-editor-ui** - Editor UI Framework for React - used by enterprise level applications - such as Bridged, Nothing, Design to code, Code.surf\n    - [gitHub](https://github.com/reflect-ui/reflect-editor-ui)\n  - **reflect-ui-react** - 🌊 reflect components for react\n    - [github](github.com/reflect-ui/reflect-ui-react)\n  - [github](https://github.com/reflect-ui)\n  - [website](https://reflect-ui.com)\n\n**DESIGN DATA STRUCTURE \u0026 HANDLING**\n\n- **reflect-core-ts** - reflect core definitions on typescript (nodejs)\n  - [github](https://github.com/reflect-ui/reflect-core)\n- **design-sdk** - 🎨 A mid wrapper for building consistant figma \u0026 sketch \u0026 studio plugin, with single api reference\n  - [github](github.com/gridaco/design-sdk)\n- **design-file-converter** - ➡️🎨➡️🎨 Convert your design from sketch figma xd Grida - to - sketch figma xd Grida.\n  - [github](https://github.com/gridaco/design-file-converter)\n  - [website](https://grida.co/convert-design)\n- **.grida** - .bridged configuration specs for Grida App and Code extensions\n  - [github](https://github.com/gridaco/.grida)\n\n**BACKEND - LIVE COLLABORATION / DATA MANAGEMENT**\n\n- **design-server** - Structure \u0026 SDK for building realtime collaboration backend service\n  - [github](https://github.com/gridaco/design-server)\n- **BASE - bridged-app-services** - BASE: Bridged App SErvices\n  - [github](https://github.com/bridgedxyz/base)\n  - [website](https://bridged.cc)\n  - **base-sdk-ts** - Bridged App SErvices SDK for nodejs / browser\n    - [github](https://github.com/bridgedxyz/base-sdk-ts)\n\n**WYSIWYG**\n\n- **boring** - 😶 A very boring text editor engine like notion. yet free and open to use\n  - [github](https://github.com/gridaco/boring)\n  - [website](https://boring.so/)\n\n**DESIGN TO CODE**\n\n- **design-to-code** - Design to code engine. A design ✌️ code standard.\n  - [github](https://github.com/gridaco/design-to-code/)\n  - [website](https://designto.codes/)\n\n**BUILT-IN SERVICES**\n\n- **accounts.bridged.xyz** - (PRIVATE) accounts \u0026 payments web / server\n  - [website](https://accounts.bridged.xyz) (source is closed due to security reasons)\n- **console.bridged.xyz** - Bridged console for managing your designs, asset, translations with collaboration.\n  - [github](https://github.com/bridgedxyz/console.bridged.xyz)\n  - [website](https://console.bridged.xyz)\n\n## The design\n\ndesign of Grida editor on [figma](https://www.figma.com/file/Y0Gh77AqBoHH7dG1GtK3xF/?node-id=0%3A1)\n\n## Bridging the gap between design and development\n\nHere are some concepts that do not exist on current design tools, but only at implementation.\n\n- Theme support\n- Responsive layout\n- Linting\n- Grid\n- List\n- Slots (Not swapping components)\n- States\n- Git\n- Variables\n- Data layer\n- Logic layer\n- Design to code\n- Built in base design system (Reflect - a universal design system built for design systems)\n\n## Key features / modes\n\n- presentation mode\n- muggle mode\n- developer mode\n- graphics mode\n- designer mode\n- product mode\n- prototype mode\n- documentation mode\n- diagram mode (EDR)\n- live collaborative editing\n- version control in-the-box\n- responsive mode (responsive components)\n- visual engine in-the-box\n- context engine in-the-box\n\n## Contributing\n\nWe'de love to have you change the industry together. _Read below documentations before submitting a PR._\n\n- [contributing.md](./CONTRIBUTING.md)\n- [working with submodule packages](https://github.com/bridgedxyz/.github/blob/main/contributing/working-with-submodules.md)\n- [how Grida repo `/packages` are structured](./packages)\n\n### Building\n\n```sh\ngit clone --recurse-submodules https://github.com/gridaco/grida.git\ncd grida\n\nyarn\nyarn desktop # to run as electron desktop app\n# .. or ..\nyarn web # to run as web app\n\n```\n\nupdate pulling - `git submodule update --init --recursive`\n\n## References\n\n- **skia 2d graphics library**\n  - [npm](https://www.npmjs.com/package/canvaskit-wasm)\n  - [github](https://github.com/google/skia/tree/master/modules/canvaskit)\n  - [website](https://skia.org/user/modules/canvaskit)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgridaco%2Flegacy","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgridaco%2Flegacy","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgridaco%2Flegacy/lists"}