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 CSSAvailableExpand
Utility-first styling with sensible defaults.
daisyUI themesComing soonExpand
Theme packs to re-skin your UI quickly (planned).
Automatic dark modeAvailableExpand
Toggle + persisted preference out of the box.
UI componentsAvailableExpand
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>;}