Skip to main content
New: Deck Doctor. Upload your deck, get CPO-level feedback. 7-day free trial.

Dark Mode UI Kit

60+ dark-themed components for modern SaaS products

ReactTypeScriptTailwindshadcn/ui
60+
Components
$59

14-day money-back guarantee

v1.0.0Updated 2026-03-15

Features

🧩

60+ Components

Forms, tables, charts, modals, navigation, cards, alerts, badges, and more

Accessible

WCAG 2.1 AA compliant. Keyboard navigation, screen reader support, focus management

Animated

Smooth transitions with Framer Motion. Skeleton loaders, hover states, and micro-interactions

📖

Storybook Docs

Every component documented in Storybook with props, variants, and usage examples

🎨

Themeable

CSS custom properties for colors, spacing, and typography. Easy brand customization

📦

Tree-Shakeable

Import only what you need. Zero bloat in your production bundle

Highlights

  • 60+ production-ready components
  • 12 component categories
  • Storybook documentation
  • Copy-paste or npm install
  • Figma design tokens
  • Zero dependencies beyond React + Tailwind

What's Included

  • React component library source
  • Storybook documentation
  • Tailwind theme preset
  • Figma design tokens
  • Usage examples
  • Integration guide
  • 6 months of updates
Save 53%

All Access Bundle

Every template, one price. Save 60%.

All current code templatesAll future templates (12 months)Priority supportPrivate Discord accessEarly access to new releases
$299$635

14-day money-back guarantee

Frequently Asked Questions

Is this based on shadcn/ui?+
Yes. It extends shadcn/ui with 30+ additional components and a polished dark theme. All components follow the same patterns.
Can I use this with Next.js?+
Absolutely. These are React components that work with any React framework including Next.js, Remix, and Vite.
How do I install components?+
Copy-paste from the source, or install as a local package. Each component is self-contained with its own dependencies listed.

Related Templates