DesignersDesign System
A complete, lightweight, headless design system for React applications. Get started in seconds with automatic Tailwind CSS integration, beautiful animations, and seamless UI library support.
npm install designers
Trusted by developers
Everything you need to build
From design tokens to animations, we've got you covered with a complete toolkit
Complete Package
Everything you need in one install - core tokens, React components, animations, and integrations.
Lightning Fast
Optimized for performance with tree-shaking, minimal bundle size, and efficient rendering.
Design Tokens
Comprehensive design system with colors, typography, spacing, and responsive breakpoints.
Developer Experience
Full TypeScript support, excellent IntelliSense, and comprehensive documentation.
Animations
Built-in support for Framer Motion and GSAP with pre-configured animation presets.
UI Integrations
Seamless integration with shadcn/ui, Material-UI, Chakra UI, and Mantine.
Simple to use, powerful to build with
Get started with just a few lines of code
import designers from 'designers'
import { useTheme, ThemeProvider } from 'designers/react'
import { fadeIn, slideUp } from 'designers/animations'
import tailwindPlugin from 'designers/tailwind-plugin'
// Use the CLI to initialize
npx designers init
Ready to build something amazing?
Join thousands of developers who are already building with Designers