Saturation UI

A design system built for production finance tools. Beautiful, accessible components you can copy and paste into your apps.

Installation

npx shadcn@latest add https://ui.saturation.io/r/button.json

Features

• 60+ Components — From buttons to data tables to full calendars
• shadcn Registry — Install any component via CLI, no account required
• Tailwind CSS v4 — Built with the latest Tailwind, oklch color space
• Accessible — Every component follows WAI-ARIA patterns
• Dark Mode — Full light and dark mode support
• TypeScript — Fully typed with exported prop types
• MCP Compatible — AI assistants can discover and use components automatically

Getting Started

1. Install a component:

npx shadcn@latest add https://ui.saturation.io/r/button.json

2. Use it:

import { Button } from "@/components/ui/button"

export function MyApp() {
  return <Button variant="default">Click me</Button>
}