v1.0.0 Public Beta is Live

The Dark Side of UI Design.

Highly animated, visually stunning components optimized for dark mode. Built for Next.js and Framer Motion. Zero compromise on performance.

12kb

Gzipped

60+

Components

100%

Typescript

App.tsx

// Import components

import { Button, Card } from '@dark-ui/react';

import { motion } from 'framer-motion';

export default function Dashboard() {

return (

<motion.div

initial={ opacity: 0 }

animate={ opacity: 1 }

<Button>Deploy Project</Button>

</Card>

);

}

Designed for the Dark

Dark-UI isn't just a skin. It's a complete design system for building sophisticated, dark-themed web applications.

Built from the ground up for dark interfaces. No more inverting colors or fighting default light themes.

Zero runtime overhead styling. Components are optimized for 60fps animations even on mobile devices.

WCAG 2.1 compliant contrast ratios and keyboard navigation support out of the box.

Subtle gradients, perfect blurs, and glassmorphism effects designed for modern SaaS products.

Atomic components that compose beautifully. Build complex dashboards in minutes, not days.

Fully typed with TypeScript. Comprehensive JSDoc comments and intuitive prop names.

Join thousands of developers building the next generation of dark-mode apps.