Grain UI Primitives
The component layer underneath everything else.
What this kit is
Buttons, inputs, selects, toasts, tooltips, dialogs and the rest — every state, every size, wired to variables. The base layer the other MTBAY kits are built on, released on its own for teams starting a design system from scratch.
What you get
- 64 primitives, 480 variants
- Every interactive state including focus-visible
- Token architecture documented in-file
- Accessibility notes on every component
- Components
- 64
- Variants
- 480
- Last updated
- 5 Sept 2026
What’s in the file
- grain-ui-primitives.fig
- The kit itself: 64 components and 480 variants in one Figma file, on labelled pages, with auto-layout and variables already wired.
- A token guide (PDF)
- How the variables are named, which modes exist, and how the components are meant to be put together.
- A changelog
- Every release dated, with what changed in it, so an update never arrives as a surprise.
- Font notes
- The file names the typefaces it uses and where to get them. Nothing is bundled that we cannot licence to you.
Downloads are in your account immediately after purchase.
Licence
You may
- Use it in unlimited commercial projects
- Use it in client work you bill for
- Modify, extend and recolour it freely
You may not
- Resell or redistribute the kit itself
- Put it in a competing kit or template marketplace
- Share the file outside your company
MTBAY Complete includes a team licence. Fourteen days to change your mind, no questions.
Read the full licence