Skip to main content

Full Figma library

Every flow you need to ship, not just the components.

Onboarding, settings, checkout, sign-up, and landing page blocks — ~300 components, fully accessible, light and dark mode throughout.

Checkout is not configured yet. Set NEXT_PUBLIC_FIGMA_LIBRARY_CHECKOUT_URL.

Not ready? Get the free file first

What makes this different

Judgment already resolved — not just a higher component count.

The ambiguous pairs, already resolved

Dialog vs. Drawer vs. Sheet. Toast vs. Banner. Select vs. Combobox. Built into the file — not just documented in a Notion page.

Full flows, not fragments

Onboarding, settings (sidebar and tabbed), checkout, sign-up, and CRUD forms across complexity tiers.

Dark mode done right

A semantic token layer that remaps correctly — not a .dark class bolted onto inverted colors.

Landing page blocks

The section patterns this page is built from — ready to duplicate into your next marketing surface.

Placeholder media

Onboarding flow

Drop in screenshots of the onboarding flow frames (welcome → setup → complete).

Slide 1 of 6

Multi-step onboarding from welcome to first success.

Everything included

One file. The flows and components you need to ship product UI without rebuilding the foundation.

  • ~300 components across the full library
  • Specialized inputs and selectors
  • Onboarding, settings, checkout, and sign-up flows
  • Landing page blocks
  • CRUD forms across complexity tiers
  • Accessible components with visible focus states
  • Light and dark mode throughout
  • Sync-ready structure for a free Vois account

Frequently asked questions

Ship the flows, not just the components.

Get the full library, or start with the free file if you're still evaluating.

Checkout is not configured yet. Set NEXT_PUBLIC_FIGMA_LIBRARY_CHECKOUT_URL.

Get the free file first