1. Foundations
  2. Libraries

Libraries

There are many open-source libraries/work the design system and this site compose and build on top of. You can find a list of them below.

Libraries

Ordered roughly by importance.

Tailwind CSSTailwind CSS's logo.
Tailwind CSS
Utility-first CSS framework
View
Radix UIRadix UI's logo.
Radix UI Primitives
Low-level, accessible UI component primitives
View
cva (class variance authority)
Type-safe UI component styling
View
Radix UIRadix UI's logo.
Radix UI Colors
Open-source accessible color system
View
LucideLucide's logo.
Lucide Icons
Beautiful and consistent icons
View
FramerFramer's logo.
Framer Motion
Simple yet powerful motion library for React
View

Tailwind CSS plugins

Style utilities that extend Tailwind CSS. See more here.

tailwindcss-animate
Animation utilities for Tailwind CSS
View
windy-radix-palette
Radix Colors to Tailwind CSS
View
Tailwind CSSTailwind CSS's logo.
@tailwindcss/typography
Typographic defaults for uncontrolled HTML
View
Tailwind CSSTailwind CSS's logo.
@tailwindcss/aspect-ratio
Aspect ratio utilities for Tailwind CSS
View
windy-radix-typography
Adds Radix UI gray scales to @tailwindcss/typography
View

Acknowledgements

shadcnshadcn's logo.
shadcn/ui
Accessible and open-source UI components
View
Vercel DesignVercel Design's logo.
Geist
Vercel's design system
View