Skip to content
Figma UI Components

Every component, ready for Figma and React

From buttons to data tables, each one is live in the browser, matched one-to-one in Figma and built on the same tokens.

Figma UI components

Foundation Figma components and styles

Icons, styles, design annotations — everything you need to build the foundation of a great Figma design system.

6 items
Icons4 styles · 24px gridPro
Color stylesBrand, grey and state rampsFree
TypographyDisplay and text scalesFree
Shadows and effectsxs to 2xl elevationFree
Grids and spacingDesktop, tablet and mobileFree
Design annotationsSpecs, pins and redlinesPro
Figma UI components

Figma base components

Buttons, inputs, avatars — all of the base components you need for modern product design and websites.

12 components
Buttons6 variants · 5 sizesFree
Button groups4 variantsFree
Badges5 variantsFree
Tags3 variantsFree
Inputs8 variantsFree
Dropdowns6 variantsPro
Checkboxes4 variantsFree
Radio groups4 variantsFree
Toggles3 variantsFree
Avatars6 variantsFree
Tooltips4 variantsPro
Progress indicators5 variantsPro
What is Gridnivo

One system, from first frame to production

Watch how a screen goes from the Figma library to shipped React code, on the same tokens the whole way.

Product tour
Start with the free Lite file

Build your next screen with Gridnivo

Every component above, in Figma today and React soon. Same tokens, same names, one license.

Buy nowPreview in Figma