Component sets grouped by how much they decide for you. Primitives give behaviour, libraries give a finished look, and micro-interaction kits handle the moment after the click.
- 56
- tools
- 5
- sections
Headless primitives
Behaviour and accessibility, no opinion on looks.
9- Radix PrimitivesUnstyled, accessible React parts under much of the ecosystem.
- Base UIUnstyled components from the Radix, Floating UI and MUI teams.
- React AriaAdobe's hooks with the deepest a11y and i18n coverage.
- Ark UIHeadless components driven by state machines.
- Headless UISmall set of unstyled components built for Tailwind.
- Floating UIPositioning engine for tooltips, popovers and menus.
- cmdkFast, composable command menu for React.
- VaulDrawer with native-feeling drag and snap points.
- SonnerOpinionated toasts with stacking and swipe to dismiss.
Component libraries
Installable or copy-paste sets with a finished look.
13- shadcn/uiComponents you copy into your repo and own.
- 21st.devnewCommunity registry of shadcn-style components, installable by command.
- Origin UIHundreds of shadcn-compatible variants for inputs and tables.
- HeroUIThemeable React library with polished defaults.
- MantineFull-featured library with hooks, forms and dates.
- Park UIStyled layer on top of Ark UI.
- Chakra UIAccessible, prop-driven components with theming.
- Tailwind PlusOfficial Tailwind components, templates and blocks.
- TremorDashboard components and charts on Tailwind.
- BenchonewInteractive UI blocks you can tweak in place before taking the code.
- devl.devnewTwo years of UI experiments, 159 components on the shadcn registry.
- ShooglenewSearch components and blocks across every shadcn registry at once.
- crd-uinewPayment card field with live brand detection and a 3D flip.
Micro-interactions
Timing, springs and the moment after the click.
18- interior.devReact micro-interactions tuned frame by frame.
- React BitsAnimated text, backgrounds and components with prop playgrounds.
- React Bits PronewPaid React Bits tier: marketing and app blocks, templates, and an agent kit that installs them.
- Motion PrimitivesCopy-paste Motion components: text effects, morphing dialogs.
- Fancy ComponentsnewPlayful, experimental React components with motion.
- Cult UIDistinctive shadcn-compatible components with texture.
- Magic UIAnimated components for landing pages.
- Aceternity UIShowy Tailwind and Motion effects for heroes.
- CursifynewCustom cursor effects as drop-in React components.
- NumberFlowAnimated number transitions with correct digit rolling.
- AnimataHand-crafted interaction and animation snippets.
- Kokonut UIModern components with subtle motion.
- Framer University ResourcesnewFree Framer components, effects and templates.
- Rare UInewAnimated React components, one file each, installed with the shadcn CLI.
- Transitions.devnewThe handful of transitions web apps actually need, ready to paste in.
- morphiconsnewMorph any SVG icon into another with spring physics.
- CalligraphnewFluid text transitions built on Motion.
- TorphnewAnimated text component with no dependencies.
Agent interfaces
Composers, streams, tool calls and approvals.
8- Beautiful UIPrimitives for agent products: traces, tool chips, approvals.
- AI ElementsVercel's components for chat, reasoning and sources.
- assistant-uiComposable React primitives for chat interfaces.
- prompt-kitPrompt inputs, message lists and markdown blocks.
- CopilotKitIn-app copilots and generative UI wired to app state.
- AICSSnewThinking states, tool calls and citations for agent chat, in React, Vue and Svelte.
- Thinking orbsnewDotted thought-orbs for the wait between prompt and answer.
- Dot MatrixnewDot-matrix loaders you install from the shadcn registry and own.
Charts, tables & canvases
Dense data and node editors.
8- TanStack TableHeadless table logic: sorting, grouping, virtualisation.
- React FlowNode-based editors and diagrams in React.
- visxLow-level visualisation primitives built on D3.
- RechartsDeclarative charts with sensible defaults.
- Embla CarouselLightweight carousel with precise swiping.
- SandpackLive, editable code playgrounds for docs.
- LivelinenewReal-time line chart for React that stays smooth under a live feed.
- dither-kitnewDithered charts with a Recharts-style children-as-config API.