Style

Start with a polished UI kit and theming so your SaaS looks great from day one.

Last updated December 18, 2025

At a glance

What you get
  • Component library
  • Responsive layout patterns
  • Theme/dark mode support
You'll configure
  • Brand colors
  • Theme choice
  • Typography tweaks

Quickstart

1
Pick a base theme

Start with Tailwind, then apply a theme system if needed.

2
Customize tokens

Adjust colors, radii, and spacing to match your brand.

3
Enable dark mode

Make sure theme preference persists across sessions.

4
Reuse sections

Use prebuilt sections for pricing, testimonials, FAQ, etc.

Providers

Pick an option below. Each provider has a short guide so you can implement without digging through docs.

Tailwind CSS
Available
Expand

Utility-first styling with sensible defaults.

daisyUI themes
Coming soon
Expand

Theme packs to re-skin your UI quickly (planned).

Automatic dark mode
Available
Expand

Toggle + persisted preference out of the box.

UI components
Available
Expand

A starter component library for common flows and sections.

Code

Copy/paste-friendly code blocks. Designed to get you working quickly without digging through long docs.

Use a component

Example of a shadcn/ui button.

import { Button } from "@/components/ui/button";
export function Example() {
return <Button>Get Started</Button>;
}