Getting started
Introduction
What Gridnivo is and how the pieces fit together.
Gridnivo is one design system in three formats: a Figma library, React + Tailwind components and design tokens. All three read the same values, so a change to a token shows up in Figma and in code.
- Components are the building blocks: buttons, inputs, tables, dialogs.
- Blocks are whole page sections built from components: heroes, pricing, dashboards.
- Kits are complete product screens for one industry, such as fintech.
Free components, tokens and Figma Lite are free for everyone. Pro unlocks the rest. See pricing.