Recipes
Recipes
Real product patterns composed from Nova primitives. Copy the source, wire it into your app, adjust the tokens.
Every recipe is a plain .tsx file. No hidden magic, no framework couplings. Read them like a cookbook, not a black box.
Layout
Dashboard
A sidebar layout with KPI cards, activity feed, and a data table.
Flows
Authentication screens
Sign in, sign up, and password reset flows with keyboard-first forms.
Marketing
Pricing page
A tier grid with an emphasized plan, feature matrix, and FAQs.
Product
Settings page
Sectioned settings with sticky nav, form groupings, and destructive zones.
Marketing
Marketing hero
A landing hero with eyebrow, headline, sub, and dual CTAs.
Layout
Documentation layout
The three-column shell — sidebar, article, TOC — used by these docs.
Product
Data tables
Sortable, filterable rows with skeleton loading and empty states.
UX
Empty states
First-run and zero-data screens that feel confident, not incomplete.
Product
Forms
Grouped inputs, inline validation, and destructive confirmations.
Flows
Modal workflows
Focus-trapped dialogs with confirmation, forms, and lightbox variants.
Product
Command palette
A ⌘K launcher with search, recents, and keyboard-only navigation.
Feedback
Toast system
Non-blocking notifications with stacking, actions, and reduced-motion mode.
Flows
Onboarding flow
A multi-step flow with progress, skip-safe navigation, and celebratory end.