Check out our latest release | The Bundle by Grida, A Massive library of 3D Rendered PNGs for UI and Graphics Designs.

_ 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 add
~/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