Skip to content
Back to libraries

Primitives

23resources

Browse all open source libraries and guides under Primitives.

UI Component Libraries

Kinetics logo

Kinetics (Colorion)

614

A library of 150+ spring-driven micro-interactions for web apps. Copy the CSS, React, or ready-made AI prompts to ship physics-based motion instantly.

AnimationCLI ToolsCopy & Paste+2
AnimationDetails
Ambient CSS logo

Ambient CSS

585

A physics-based lighting system for CSS calibrated against Blender raytraces. Define a light source, and all shadows, highlights, and gradients follow deterministically.

AnimationCLI ToolsPure CSS+2
AnimationDetails
pdfcn logo

pdfcn

2.9k+

A collection of beautifully designed, accessible, and customizable PDF components for React. Built on Takumi and Forme, distributed via the shadcn CLI.

CLI ToolsCopy & PasteReact+2
CLI ToolsDetails
Soundcn logo

Soundcn

887

A curated library of 800+ micro-interaction sound effects for React and shadcn, bringing tactile audio feedback to web buttons, toggles, and notifications.

CLI ToolsCopy & PasteReact+1
CLI ToolsDetails
Better Auth UI logo

Better Auth UI

1.7k+

A plug-and-play UI component library tailored for Better Auth, providing beautiful login, registration, 2FA, passkey, and session management forms.

AccessibilityCopy & PasteEnterprise+3
AccessibilityDetails
Snapcn logo

Snapcn

471

An open-source Remotion video component registry for React. Install text reveals, karaoke captions, device mockups, and video scenes directly with the shadcn CLI.

AnimationCopy & PasteReact+3
AnimationDetails
Plate.js logo

Plate.js

17k+

The rich text editor framework for React and Slate. Features 50+ modular plugins, shadcn/ui-styled components, and native AI copilot integration.

AI & LLMCopy & PasteHeadless+4
AI & LLMDetails
ProseKit logo

ProseKit

1.2k+

A fast, lightweight, framework-agnostic rich text editor framework built on ProseMirror. First-class support for React, Vue, Svelte, and Solid.

HeadlessReactRich Text & Editors+3
HeadlessDetails
Number Flow logo

Number Flow

7.8k+

A high-craft animated number component with smooth spring physics, automatic formatting, currency symbols, and multi-framework support (React, Vue, Svelte).

AnimationReactSvelte+3
AnimationDetails
Text Effects Colorion logo

Text Effects (Colorion)

A curated library of creative CSS, SVG, and WebGL text animations, gradient headers, glitch effects, and kinetic typography ready for instant copy & paste.

AnimationCopy & PastePure CSS+2
AnimationDetails
Reicon logo

Reicon

1.7k+

A free, open-source SVG icon and illustration ecosystem for designers and developers with 3,900+ icons, 71,000+ illustrations, multi-framework support, and AI MCP integration.

CLI ToolsIcons & AssetsReact+4
CLI ToolsDetails
visx (Airbnb) logo

visx (Airbnb)

21k+

Airbnb's collection of expressive, low-level visualization primitives for React. Combines the power of D3 with the joy of React.

ChartsHeadlessReact+1
ChartsDetails
TanStack Chart logo

TanStack Chart

5k+

Headless, framework-agnostic charting and visualization primitives by Tanner Linsley and the TanStack team.

ChartsHeadlessReact+1
ChartsDetails
Park UI logo

Park UI

2.4k+

A universal component library built on Ark UI state machines with support for Panda CSS and Tailwind CSS across React, Vue, and Solid.

AccessibilityHeadlessReact+2
AccessibilityDetails
Headless UI logo

Headless UI

29k+

Completely unstyled, fully accessible UI components by Tailwind Labs, designed to integrate seamlessly with Tailwind CSS.

AccessibilityHeadlessReact+2
AccessibilityDetails
React Aria logo

React Aria

16k+

Adobe's library of unstyled React hooks and components that provide accessible UI primitives for design systems and apps.

AccessibilityHeadlessReact+1
AccessibilityDetails
Nuxt UI logo

Nuxt UI

7k+

A UI library for modern Vue and Nuxt applications. Powered by Tailwind CSS and Reka UI (Radix Vue) for full accessibility.

AccessibilityTailwind EcosystemTypeScript+1
AccessibilityDetails
gluestack-ui logo

gluestack-ui

5.3k+

Universal, accessible component library for React Native and Web styled with Tailwind CSS (NativeWind).

AccessibilityReactReact Native+2
AccessibilityDetails
Tamagui logo

Tamagui

14k+

Universal UI system and component kit for React Native and Web with an optimizing compiler for zero-runtime performance.

AccessibilityReactReact Native+1
AccessibilityDetails
Base UI logo

Base UI

11k+

Unstyled, accessible React component primitives from the creators of Radix, Floating UI, and Material UI. Pure customizability with zero styling opinions.

AccessibilityHeadlessReact+1
AccessibilityDetails
Ark UI logo

Ark UI

5.4k+

Universal headless UI components powered by Zag.js state machines. Works seamlessly across React, Vue, and Svelte.

AccessibilityHeadlessReact+3
AccessibilityDetails
Radix UI Primitives logo

Radix UI Primitives

19k+

Unstyled, accessible UI components for building high-quality design systems and web apps in React. The foundation of shadcn/ui.

AccessibilityHeadlessReact+1
AccessibilityDetails

Related Guides