Hub · 120 tools · 2 sections

UI component and animation libraries

Copy-paste component collections, headless primitives, shadcn registries and the animation libraries that make them move. Every entry plays a short preview, so you can judge the motion before you install anything.

01 / 02

React UI component libraries

109Open section

ForgeUI preview

ForgeUIComponent librariesAnimated React and Tailwind components plus ready-made templates for building interfaces faster.

RewampUI preview

RewampUIComponent librariesA dashboard that showcases ready-made UI components you can browse and reuse.

shadcn/ui preview

shadcn/uiComponent librariesUI components you copy directly into your own codebase instead of installing them as a package.

Base UI preview

Base UIComponent librariesUnstyled, style-ready component primitives from the makers of Radix and MUI.

Radix preview

RadixComponent librariesAccessible, unstyled UI primitives you can style freely when building React interfaces.

21st.dev preview

21st.devComponent librariesA community shadcn registry where you preview components interactively before adding them.

motion-primitives.com

Motion Primitives preview

Motion PrimitivesComponent librariesAnimated React components built on the Motion library for adding movement to interfaces.

React Bits preview

React BitsComponent librariesA collection of animated, creative components to drop into your React projects.

component.gallery

Component Gallery preview

Component GalleryComponent librariesA reference that gathers and compares components across different design systems.

number-flow.barvian.me

NumberFlow preview

NumberFlowComponent librariesA component that smoothly animates changing numbers and works across modern frameworks.

fancycomponents.dev

Fancy Components preview

Fancy ComponentsComponent librariesPlayful React components that use physics-based effects for livelier interactions.

opensourceui.in

Opensource UI preview

Opensource UIComponent librariesCopy-paste React UI components and device mockups you can drop straight into projects.

ui.spectrumhq.in

Spectrum UI preview

Spectrum UIComponent librariesPolished UI components designed specifically for building SaaS websites.

amicro.vercel.app

Amicro preview

AmicroComponent librariesLightweight, drop-in primitives for adding micro-animations to React interfaces.

painterly.design-tools.workers.dev

Painterly preview

PainterlyComponent librariesArtistic canvas-based loading animations packaged as components for React.

Bencho preview

BenchoComponent librariesInteractive UI blocks whose physics you can adjust to tune exactly how they feel.

shadcnblocks.com

shadcnblocks preview

shadcnblocksComponent librariesThousands of clean, ready-to-use website blocks built in the shadcn style.

blocks.so preview

blocks.soComponent librariesOpen-source website blocks you install straight from the command line.

8bitcn preview

8bitcnComponent librariesRetro, 8-bit styled UI components ready to drop into your shadcn projects.

Evil Charts preview

Evil ChartsComponent librariesAnimated SVG chart components designed to fit neatly into shadcn/ui projects.

coss ui preview

coss uiComponent librariesCopy-paste UI components built on top of the Base UI primitive library.

Rare UI preview

Rare UIComponent librariesA set of distinctive, animated UI components for building React interfaces.

beUI preview

beUIComponent librariesAnimated React components styled with Tailwind CSS for quicker interface work.

butter-nav.vercel.app

Butter Nav preview

Butter NavComponent librariesA mega-menu component whose layout morphs fluidly as you move between its sections.

Cult UI preview

Cult UIComponent librariesAnimated React components powered by Framer Motion for smooth interface motion.

daisyUI preview

daisyUIComponent librariesA library of component classes that extends Tailwind CSS for faster styling.

HeroUI preview

HeroUIComponent librariesA modern React UI component library, released earlier under the name NextUI.

Kibo UI preview

Kibo UIComponent librariesA component registry stocked with pieces tailored for building AI interfaces.

Magic UI preview

Magic UIComponent librariesAnimated UI components crafted specifically for building landing pages.

ui.aceternity.com

Aceternity UI preview

Aceternity UIComponent librariesTrendy animated components and hero sections for building eye-catching web pages.

Animate UI preview

Animate UIComponent librariesAccessible shadcn components brought to life with the Motion animation library.

FlyonUI preview

FlyonUIComponent librariesSemantic Tailwind CSS components, ready to use with the latest Tailwind v4.

TailGrids preview

TailGridsComponent librariesResponsive UI blocks built for quickly assembling pages with Tailwind CSS.

Flowbite preview

FlowbiteComponent librariesA large component library that builds on Tailwind CSS for interface work.

HyperUI preview

HyperUIComponent librariesFree, open-source UI components you can copy into your Tailwind CSS projects.

Preline UI preview

Preline UIComponent librariesTailwind CSS components suited to building complex dashboard interfaces.

Float UI preview

Float UIComponent librariesTailwind CSS components made for assembling pages on marketing websites.

Meraki UI preview

Meraki UIComponent librariesTailwind CSS components that come with support for right-to-left languages.

Tremor preview

TremorComponent librariesA modular set of React components for assembling full dashboard interfaces.

Headless UI preview

Headless UIComponent librariesUnstyled, accessible UI components created by the team at Tailwind Labs.

Base CN preview

Base CNComponent librariesBase UI primitives repackaged to slot into the shadcn component workflow.

Easy UI preview

Easy UIComponent librariesA copy-paste component library for putting interfaces together quickly.

Eldora UI preview

Eldora UIComponent librariesAnimated UI components tailored for building web landing pages quickly.

velora.colorlib.com

Velora UI preview

Velora UIComponent librariesA free set of Tailwind CSS components and prebuilt page sections to reuse.

Watermelon UI preview

Watermelon UIComponent librariesA React component library built to fit within the shadcn ecosystem of tools.

beautifului.dev

Beautiful UI preview

Beautiful UIComponent librariesPolished, copy-paste UI components for building the front end of web apps.

Hexter UIComponent librariesA tidy, clean collection of components ready to use in your shadcn projects.

Lightswind preview

LightswindComponent librariesTailwind CSS components featuring lighting and glow effects for standout UI.

Reverse UI preview

Reverse UIComponent librariesA component library for building interfaces with React and Tailwind CSS.

Smooth UI preview

Smooth UIComponent librariesMotion-rich React components you can copy straight into your own projects.

Tailark preview

TailarkComponent librariesTailwind CSS page sections and components aimed at building marketing sites.

UI Layouts preview

UI LayoutsComponent librariesFull-page layouts and hero sections ready to assemble with Tailwind CSS.

Kokonut UI preview

Kokonut UIComponent librariesCreative, interactive UI components packaged to work in the shadcn format.

Nex UI preview

Nex UIComponent librariesAn extensible UI component library aimed at teams building modern startups.

Ninja UI preview

Ninja UIComponent librariesLightweight UI components meant to help keep websites quick and fast to load.

Sera UI preview

Sera UIComponent librariesReact components designed to install directly through the shadcn command-line tool.

Re UI preview

Re UIComponent librariesAccessible UI components built on top of the Base UI primitive library.

Syntax UI preview

Syntax UIComponent librariesAnimated, copy-paste UI components for quickly putting together landing pages.

shadcn-cssinjs.com

shadcn-cssinjs preview

shadcn-cssinjsComponent librariesshadcn components reworked so they fit projects that use CSS-in-JS styling.

transitions.dev

Transitions preview

TransitionsComponent librariesA curated set of CSS transition recipes and easing curves you can reuse.

23rd preview

23rdComponent librariesshadcn-style components available for use in both React and Svelte projects.

Oneko preview

OnekoComponent librariesA pixel-art cat that follows your cursor around the page as a companion.

rolling.kitlangton.dev

Rolling Number preview

Rolling NumberComponent librariesA React number counter that animates its digits with a smooth rolling effect.

Annnimate preview

AnnnimateComponent librariesProduction-ready motion components built with the GSAP animation library.

GetLayers preview

GetLayersComponent librariesA set of AI prompts that generate cinematic-style page sections for your site.

Scritto preview

ScrittoComponent librariesA component library for rolling-character text transitions you can drop into your UI.

ogimagecn preview

ogimagecnComponent librariesComponents for generating Open Graph social share images, powered by Satori.

Dither Kit preview

Dither KitComponent librariesChart components rendered with dithered pixels for a retro, old-school aesthetic.

shieldcn preview

shieldcnComponent librariesREADME badges styled to match the shadcn aesthetic for dressing up your project docs.

unlumen UI preview

unlumen UIComponent librariesA minimalist React component library you install and add through its command line.

Bearnie preview

BearnieComponent librariesA collection of UI components built for Astro and styled with Tailwind CSS.

fluidfunctionalism.com

Fluid Functionalism preview

Fluid FunctionalismComponent librariesUI components whose motion is driven by purposeful, physics-based animation.

termcn preview

termcnComponent librariesReact components for building terminal-style user interfaces, powered by Ink and OpenTUI.

framecn preview

framecnComponent librariesProgrammatic video rendering for React projects, powered by Editframe.

emailcn preview

emailcnComponent librariesResponsive email components that work with React Email, MJML, and JSX Email.

startercn.vercel.app

startercn preview

startercnComponent librariesA ready-to-fork shadcn/ui registry starter with docs, a landing page, and agent support.

pdfcn preview

pdfcnComponent librariesReact components for generating PDF documents, built on top of Takumi and Forme.

editorcn.vercel.app

editorcn preview

editorcnComponent librariesDrop-in rich-text editing UI for React apps, powered by the Tiptap framework.

shadcn-labs.com

Shadcn Labs preview

Shadcn LabsComponent librariesA collection of open-source registries and tooling for the shadcn/ui ecosystem.

FramebloxComponent librariesModular sections and templates you can assemble into complete sites inside Framer.

Nexvyn UIComponent librariesPolished, drop-in UI components ready to slot into digital interfaces and apps.

gradient-spin.vercel.app

gradient-spin.vercel.app

Gradient SpinComponent librariesA spinning, gradient-filled loading indicator component for React projects.

Libraries.dev preview

Libraries.devComponent librariesA collection of UI effects and components designed to be used by AI agents.

Sona UI preview

Sona UIComponent librariesAnimated React components you copy into your codebase and fully own and restyle.

text-effects.colorion.co

Colorion Text Effects preview

Colorion Text EffectsComponent librariesAnimated text effects you can copy and paste straight into your interface.

dotmatrix.zzzzshawn.cloud

Dot Matrix preview

Dot MatrixComponent librariesA set of over fifty dot-matrix style loading animations built for shadcn projects.

sacred.computer

SRCL preview

SRCLComponent librariesA component kit that recreates the look of retro, DOS-era terminal interfaces.

Prompt Kit preview

Prompt KitComponent librariesPrimitive components for building chat and other AI interface experiences.

Shoogle preview

ShoogleComponent librariesA search engine that indexes UI components across many different shadcn registries.

interior.dev preview

interior.devComponent librariesMicro-interactions carefully tuned to feel responsive the moment you click.

soundcn preview

soundcnComponent librariesA collection of copy-and-paste UI sound effects for adding audio to interfaces.

cuelume preview

cuelumeComponent librariesTiny interface sound cues generated in real time with the browser's Web Audio API.

Canvas UI preview

Canvas UIComponent librariesGPU-accelerated liquid physics effects and canvas shaders for rich UI visuals.

Odyssey UI preview

Odyssey UIComponent librariesA set of animated React components built on top of the shadcn component system.

Spell UI preview

Spell UIComponent librariesCarefully crafted, interactive UI components for building modern web applications.

Skiper UI preview

Skiper UIComponent librariesAnimated UI primitives designed to be composed and styled with Tailwind CSS.

devl preview

devlComponent librariesMinimalist, experimental UI components for building modern web interfaces.

Uiuno preview

UiunoComponent librariesAn AI-assisted workspace for organizing and managing your shadcn components.

vengeanceui.com

Vengeance UI preview

Vengeance UIComponent librariesAnimated React components built around scroll-driven interactions and effects.

sensory-ui preview

sensory-uiComponent librariesA sound-design system that adds audio feedback to shadcn/ui components.

amacro.vercel.app

Amacro preview

AmacroComponent librariesDrop-in page-reveal animations you can add to React apps with little setup.

evilbuttons.com

Evil Buttons preview

Evil ButtonsComponent librariesButton components crafted to feel interactive and tactile the moment you press them.

componentry.dev

Componentry preview

ComponentryComponent librariesCustomizable UI primitives and components for building React interfaces.

Great UI preview

Great UIComponent librariesCopy-and-paste components built with React and styled using Tailwind CSS.

Ruru UI preview

Ruru UIComponent librariesAccessible, customizable UI components for building React applications.

shadcnstudio.com

Shadcn Studio preview

Shadcn StudioComponent librariesA library of shadcn/ui components, prebuilt blocks, and full templates.

shadcn-animated.vercel.app

Animated shadcn/ui preview

Animated shadcn/uiComponent librariesMotion-powered versions of the standard shadcn/ui components for animated interfaces.

Pin UI preview

Pin UIComponent librariesDistinctive copy-and-paste components built with React and Tailwind CSS.

loading.dev preview

loading.devComponent librariesA lightweight library of loading indicators and spinners for React apps.

02 / 02

React and web animation libraries

Motion preview

MotionAnimationA production-ready animation library for building motion into React apps on the web.

GSAP preview

GSAPAnimationA JavaScript animation engine, widely used in the industry, built around timelines.

Rive preview

RiveAnimationA tool for building interactive vector animations driven by state machines.

lottiefiles.com

Lottie preview

LottieAnimationA lightweight, JSON-based format for shipping vector animations to the web.

easingwizard.com

Easing Wizard preview

Easing WizardAnimationA visual generator for crafting custom CSS spring easings for web animation.

Morphrig preview

MorphrigAnimationAn interactive manual that walks through how icon morphing animation works.

Theatre.js preview

Theatre.jsAnimationA visual sequencer for choreographing motion design across DOM elements.

morphicons preview

morphiconsAnimationAn animation library that morphs icons using spring physics for natural motion.

glimm preview

glimmAnimationShader-driven page transitions for animating navigation in Next.js projects.

devouringdetails.com

Devouring Details preview

Devouring DetailsAnimationAn interactive book that teaches the craft of designing micro-interactions.

textmotion preview

textmotionAnimationA zero-dependency primitive for adding rolling text animation to the web.