React
React
React
NextJS
NextJS
NextJS
Preact
Preact
Preact
Flutter
Flutter
Flutter
React Native
React Native
React Native
Expo
Expo
Expo
_ Grida CLI // Beta

CI your design.

Grida CLI generates code from Design input and saves it directly into your workspace. Use your design like a package.

One command to add designs as a module to your existing projects.

Be the Maestro.

You can import your design like a well-coded library, with full documentations.
We play the details // you play the orchestra.

grida addhttps://www.figma.com/file/x7RRK6RwWtZuNakmbMLTVH/?node-id=906%3A779
~/projects/my-react-app -- zsh
Fits into your configuration.Configure grida with grida.confg.js. You can define plugins, output code styles and customize the behaviour deep down to AST level.
secure, runs locally
zero dependency by default
works with svelte
works with solid-js
works with vanilla html/css
works with react & react-native
works with flutter

CI your design.

This page was made with grida CLI under 7 minutes
with NextJS & @emotion/styled
ProductsCodeAssistantCLICloudGlobalizationReflect UIVSCode
ResourcesGettiing StartedDocsAPI DocsPapersBlogs
PlatformsFigmaReactReact NativeFlutterHTML/CSSReflect UI
TogetherGithubProjectsSupportJoin us on SlackReddit
Copyright © 2022 Grida.co
CookiesPrivacy policyTerms and conditions