Obsidian UI
Premium dark-first React components.
A curated collection of production-ready React components built with Tailwind CSS. Dark theme by default, fully accessible.
Dark mode shouldn't be an afterthought.
Most component libraries are designed light-first, with dark mode bolted on. Developers building dark-themed SaaS products deserve components designed dark from the ground up.
Built to solve real problems
Every feature exists for a reason — no bloat, no filler.
Dark-First Design
Every component is designed for dark backgrounds first.
React + Tailwind CSS
Built with React functional components and Tailwind utility classes.
WCAG AA Accessible
Every component passes WCAG 2.1 AA contrast requirements.
Copy-Paste Components
No package to install. Copy the code directly into your project.
Framer Motion Animations
Micro-interactions and entrance animations included.
CSS Variable Theming
Full design system with CSS custom properties.
Simple by design
Browse Components
Explore the library and find the components you need.
Copy the Code
Each component is a self-contained React file with Tailwind classes.
Customize & Ship
Adjust the CSS variables to match your brand and deploy.
Dark mode done right.
Obsidian UI is launching soon. Join the waitlist for early access.