Next.js starter

Lyra Design System

CSS-first design tokens and accessible React components. White-label an entire product by overriding four variables.

Get started by editing app/page.tsx.

DocumentationGitHub

After cloning

  • Replace the example brands in app/brand.css with your own.
  • Swap the favicon in app/icon.svg.
  • Delete the demo component components/starter-home.tsx and replace app/page.tsx.