Now available on npm

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