The Vibeary — tag

react

238 resources in The Vibeary tagged "react" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.

Gems in this collection

Preview of The Gridcn

The Gridcn

Tron-inspired shadcn/ui theme shipping 55+ restyled components with glow, grid and neon treatments.

Eduardo Calvo (@educalvolpz)MIT
Preview of Devouring Details

Devouring Details

Paid interactive reference manual on interaction detail — motion choreography, inferring intent, simulating physics — with downloadable React prototypes.

Rauno Freiberg (@raunofreiberg)paid
Preview of Motion

Motion

Hybrid engine combining the Web Animations API with a JS spring runtime, shipping React, Vue and vanilla bindings.

Matt Perry (@mattgperry)MIT
Preview of Turbopills UI

Turbopills UI

React component set purpose-built for telehealth products — intake, scheduling and clinical display patterns.

Turbopillsunknown
Preview of Novu Inbox

Novu Inbox

Open-source notification infrastructure whose drop-in React Inbox component renders a themable in-app notification centre with preferences and digests.

Novu (@novuhq)MIT
Preview of UI Layouts

UI Layouts

Toolkit of animated React components, scroll effects and full page layouts built on Tailwind and Motion.

Naymur Rahman (@naymur_dev)MIT
Preview of NumberFlow

NumberFlow

Animated number component that transitions digits, separators and signs correctly across locales, for React, Vue, Svelte and vanilla.

Max Barvian (@barvian)MIT
Preview of Shadix UI

Shadix UI

Small registry of production-ready animated shadcn/ui components built with React, Tailwind and Framer Motion.

apix-jsopen-source
Preview of Webstudio

Webstudio

Visual website builder producing real code, positioned as an open alternative to Webflow with a component-based canvas.

Webstudio (@webstudio-is)GPL
Preview of React Bits

React Bits

Large open-source collection of animated, interactive React components with copy-paste and CLI installation.

David Haz (@davidhdev)MIT
Preview of ShaderGradient

ShaderGradient

Animated 3D gradient meshes exportable as React components, Figma fills or Framer layers with camera and colour controls.

ShaderGradient teamfreemium
Preview of MVPBlocks

MVPBlocks

Copy-paste responsive block library aimed at shipping an MVP landing page and dashboard quickly.

Subhadeep Roy (@mvp_Subha)MIT
Preview of Aceternity UI

Aceternity UI

200+ copy-paste React components, blocks and landing templates built on Tailwind and Motion, heavy on 3D, background and text effects.

Manu Arora (@mannupaaji)freemium
Preview of crd-ui

crd-ui

Credit and debit card React component with automatic brand detection and a 3D flip interaction.

Juanda (juanda.co)open-source
Preview of usva

usva

React design language shipped in three themes (atmospheric, dense, light) generated from one shared token vocabulary.

Matt Pasek (@matt-pasek)open-source
Preview of useLayouts

useLayouts

Premium layout components and micro-interactions focused on page structure rather than individual widgets.

iurvishfreemium
Preview of Boring Avatars

Boring Avatars

Generates deterministic SVG avatars from a name string in several geometric styles, as a React component or API.

Hayk An, Javi Sánchez-Marín, Enric Pallerols & Josep MartinsMIT
Preview of Performative-UI

Performative-UI

Joke React component library of startup design tropes, packaging the visual language of oversubscribed funding rounds as installable components.

Li Zhang (@vorpus)unknown
Preview of Animata

Animata

Hand-crafted interaction and micro-animation snippets for React and Tailwind, browsable by effect.

CodseMIT
Preview of Tailark

Tailark

Pre-built marketing-website UI blocks based on shadcn/ui: heroes, pricing, feature grids and footers.

Unknownopen-source
Preview of liquid-glass

liquid-glass

Headless React lens component that actually refracts the live page underneath it rather than faking blur.

@samasanteopen-source
Preview of glitchcn-ui

glitchcn-ui

Cyberpunk terminal-themed React component library with glitch effects, scanlines, neon accents and monospace-first layout.

UnknownMIT
Preview of 8bitcn UI

8bitcn UI

shadcn/ui components restyled as pixel-art 8-bit widgets with accessible behaviour preserved underneath.

OrcDev (@theorcdev)MIT
Preview of REACT-VFX

REACT-VFX

React component wrapper for VFX-JS applying WebGL shader effects to img, video and text elements through props.

Takayosi Amagi (@amagitakayosi)MIT
Preview of RetroUI

RetroUI

React component library applying a neo-brutalist retro design system across buttons, cards, dialogs and form controls.

UnknownMIT
Preview of Park UI

Park UI

Component library built on Ark UI and Panda CSS that ships the same API to React, Solid and Vue.

Chakra Systems / Chakra UI (@chakra_ui)MIT
Preview of 21st.dev

21st.dev

Community registry of 12,000+ React and Tailwind components, templates and shadcn themes published by 700+ design engineers, with AI-ready copy prompts.

21st Labs, Inc.freemium
Preview of Kibo UI

Kibo UI

Composable shadcn-style registry adding AI chat, kanban, gantt, dropzone, code block and other blocks the core library omits.

Hayden Bleasel (@haydenbleasel)MIT
Preview of Float UI

Float UI

Free Tailwind components and full page templates published simultaneously for React, Vue, Svelte and plain HTML.

MarsX (@marsx_dev)open-source
Preview of SmoothUI

SmoothUI

Animated React components and UI blocks built with Motion, distributed as copy-paste source.

Eduardo Calvo (@educalvolpz)MIT
Preview of Paper Shaders

Paper Shaders

Zero-dependency animated canvas shaders including mesh gradients, grain, dithering and warps, shipped as React components and vanilla JS.

Paper Design (@paper)MIT
Preview of Morphicons

Morphicons

SVG icon library that morphs one glyph into another using closed-form optimal rotation and spring physics, across six frameworks.

Guillermo (guillermolg.com)MIT
Preview of React Email

React Email

React component primitives and 24 prebuilt template categories that render to email-client-safe HTML, plus a local preview server.

Resend team (@resend)MIT
Preview of Fancy Multi Select

Fancy Multi Select

Multi-select combobox pattern with chips and keyboard editing, published as a documented craft post with source.

Maximilian Kaske (@mxkaske)MIT
Preview of Kokonut UI

Kokonut UI

Free Next.js and Tailwind component collection focused on cards, AI chat surfaces and dashboard widgets.

Dorian Baffier (@dorianbaffier)MIT
Preview of Reaflow

Reaflow

Modular React diagram engine using ELK.js for automatic layout, with node nesting, drag-drop and undo/redo.

Reaviz / Austin McDaniel (@amcdnl)Apache-2.0
Preview of Reagraph

Reagraph

WebGL graph visualisation for React with 2D and 3D layouts, clustering, path finding and lasso selection built in.

Reaviz / Austin McDaniel (@amcdnl)Apache-2.0
Preview of AI Canvas

AI Canvas

Animated React and Tailwind components, blocks and design systems distributed through the shadcn CLI.

uiNerd16open-source
Preview of tablecn

tablecn

Data table and data grid built on shadcn/ui and TanStack Table with sorting, filtering, faceting and URL state.

Sadman Sakib (@sadmann7)MIT
Preview of pqoqubbw/icons

pqoqubbw/icons

Open-source set of smoothly animated Lucide-style icons as React components with motion on interaction.

@pqoqubbwMIT
Preview of Open SaaS

Open SaaS

Full SaaS template on the Wasp framework with auth, Stripe or Lemon Squeezy billing, admin dashboard and Astro blog.

Wasp (@wasp-lang)MIT
Preview of magic-mcp

magic-mcp

MCP server from 21st.dev that generates production-ready React UI components from natural language descriptions.

21st.dev (@21st-dev)open-source
Preview of use-gesture

use-gesture

Hook and vanilla library normalizing drag, pinch, wheel, scroll and hover into velocity- and offset-aware gesture state.

Poimandres (@pmndrs)MIT
Preview of Onlook

Onlook

Open-source visual editor that lets you style and edit a running React app directly and writes the code changes back.

Onlook (@onlook-dev)Apache-2.0
Preview of Plate

Plate

Rich-text editor framework for React built on Slate, with plugin packages and a shadcn component registry.

@udecodeMIT
Preview of Extro

Extro

Browser extension starter kit with React, Tailwind, typed messaging, i18n, billing and cross-browser build tooling.

TurboStarter (@turbostarter)open-source
Preview of glasscn-ui

glasscn-ui

Glassmorphism variant layer over shadcn/ui components with blur, translucency and layered depth tokens.

@itsjaviMIT
Preview of xyflow (React Flow / Svelte Flow)

xyflow (React Flow / Svelte Flow)

Node-based UI libraries for React and Svelte with minimap, controls, custom nodes, edge routing and viewport helpers.

xyflow team (@xyflowdev)MIT
Preview of Atlantis

Atlantis

Jobber's design system for field-service software, with React and React Native components and scheduling-specific patterns.

JobberMIT
Preview of shadcn-image-cropper

shadcn-image-cropper

Image cropping component for React combining react-image-crop with a shadcn dialog and controls.

@sujjeeeMIT
Preview of vaso

vaso

React component wrapping the liquid glass effect with props for blur radius, refraction strength and edge highlight.

Jiachi Liu (@huozhi)MIT
Preview of shadcn-phone-input

shadcn-phone-input

Phone number input with country selector and validation powered by libphonenumber-js, styled for shadcn.

@omeralpiMIT
Preview of react-spring-bottom-sheet

react-spring-bottom-sheet

Accessible spring-physics bottom sheet for React web with focus trapping and snap points.

Cody Olsen (@stipsan)MIT
Preview of react-multi-email

react-multi-email

Input that tokenises multiple email addresses as the user types, validating and chipping each one.

AXISJMIT
Preview of basement scrollytelling

basement scrollytelling

React and GSAP library for declarative scroll-driven animation timelines with waypoints and parallel tweens.

basement.studio (@basementstudio)MIT
Preview of Liveline

Liveline

Real-time animated line chart component for React designed for streaming data at high frequency.

Benji Taylor (@benjitaylor)open-source
Preview of Semiotic

Semiotic

React dataviz framework built around annotation, network and ordinal frames rather than chart-type presets.

Elijah Meeks (@Elijah_Meeks) / nteractApache-2.0
Preview of io-808

io-808

Fully recreated web-based Roland TR-808 drum machine with working sequencer, built in React and Web Audio.

Vincent Riemer (@vincentriemer)MIT
Preview of LyteNyte Grid

LyteNyte Grid

Zero-dependency React data grid offering headless or pre-styled modes with pivoting, grouping and server-side data.

1771 Technologies (@1771-Technologies)open-source
Preview of Windrift

Windrift

JavaScript framework for mutable stories where prose rewrites itself as the reader makes choices.

Liza Daly (@liza)MIT
Preview of UIAble

UIAble

Open shadcn-based UI system with 700+ items aimed at production apps, maintained by the CodedThemes team.

CodedThemesopen-source
Preview of a11y-starter-kit

a11y-starter-kit

WCAG 2.1 AA starter kit with accessible component implementations and the audit patterns to keep them compliant.

The Front Kitopen-source
Preview of Ark UI

Ark UI

Headless component library built on Zag.js state machines, with identical APIs across React, Vue, Solid and Svelte.

Segun Adebayo (@segunadebayo)MIT
Preview of chart-parts

chart-parts

Grammar of graphics for React from Microsoft Research, a React-native reimplementation of Vega's compositional model.

Microsoft (@microsoft)MIT
Preview of kbar

kbar

Portable, extensible cmd+K interface for React with nested actions, fuzzy search and keyboard-first navigation.

Tim Chang (@timc1)MIT
Preview of Minimal Tiptap

Minimal Tiptap

Compact WYSIWYG editor component styled with shadcn/ui, wrapping Tiptap with a toolbar and bubble menu.

@Aslam97MIT
Preview of flightcn

flightcn

shadcn-compatible component set for flight and route visualisation: airport pickers, route maps and itineraries.

Yen Cheng Lin (@ridemountainpig)MIT
Preview of react-bottom-fixed

react-bottom-fixed

React component keeping bottom-fixed elements visible and correctly positioned on iOS Safari.

almond-bongbongMIT
Preview of React95

React95

React component library reproducing the Windows 95 interface, including window chrome, tree views, dropdowns and system icons.

React95 contributorsopen-source
Preview of big-calendar

big-calendar

Feature-rich React calendar with month, week, day and agenda views, styled with shadcn/ui.

@lramos33MIT
Preview of react-easy-crop

react-easy-crop

Component for cropping, rotating and zooming images and video with pinch and drag interactions.

Ricardo (@ricardo-ch)MIT
Preview of OriginKit

OriginKit

Free library of animated React components consumable three ways: copy-paste code, a Framer integration, or an MCP connection for coding agents.

OriginKitfree
Preview of React Wheel Picker

React Wheel Picker

iOS-style scrolling wheel picker for React with momentum, snapping and touch handling.

Chanh Dai (@ncdai)MIT
Preview of stackzero-labs/ui

stackzero-labs/ui

Open component registry for e-commerce storefronts: product cards, variant pickers, carts and reviews.

@stackzero-labsMIT
Preview of blocks.so

blocks.so

Clean, minimal building blocks for dashboards and app shells designed to be copied straight into React projects.

Ephraim Duncan (@ephraimduncan)MIT
Preview of LocalMode

LocalMode

Registry of browser-only AI blocks — chat, RAG, transcription and CLIP image search — that run entirely client-side with no API keys.

LocalMode AIopen-source
Preview of PaceUI

PaceUI

UI blocks aimed at real apps and dashboards rather than marketing pages, designed to survive from prototype to production.

PaceUIfreemium
Preview of Maily.to

Maily.to

Notion-like editor purpose-built for composing responsive HTML emails, with blocks and variable support.

Arik Chakma (@arikchakma)MIT
Preview of react-modal-sheet

react-modal-sheet

Flexible iOS-style bottom sheet for React on the web, built with Motion and accessibility handling.

Teemu Taskula (@Temzasse)MIT
Preview of Legend-State

Legend-State

Fine-grained reactive state library with automatic persistence and sync plugins, designed to re-render only the components that changed.

Jay Meistrich (@jmeistrich)MIT
Preview of Fancy Components

Fancy Components

Free open-source collection of unusually expressive React components: physics text, distortion, cursor effects.

Daniel PethoMIT
Preview of Downshift

Downshift

Primitives and hooks for building WAI-ARIA compliant autocomplete, combobox, select and tag-group components in React or Preact.

Kent C. Dodds (@kentcdodds)MIT
Preview of Coss UI

Coss UI

Component library built on top of Base UI primitives, distributed as shadcn-format source and documented for AI-assisted codegen.

Coss (@cosscom)open-source
Preview of react-select-search

react-select-search

Lightweight searchable select for React with fuzzy matching, option grouping, multiple selection and no imposed styling opinions.

Tobias Bleckert (@tbleckert)MIT
Preview of Origin UI

Origin UI

Large open collection of Tailwind and shadcn component variations covering inputs, selects, dialogs, navigation and notification patterns.

Origin SpaceMIT
Preview of use-scramble

use-scramble

React hook producing randomised scramble and decrypt text transitions with tick rate, speed and character-set controls.

(@tol-is)MIT
Preview of react-rnd

react-rnd

React component that makes any element both draggable and resizable, with grids, bounds, aspect-ratio locking and controlled state.

bokuwebMIT
Preview of Indie UI

Indie UI

shadcn-style component set organised around variants, focused on landing pages, forms and interactive controls.

@Ali-Hussein-devMIT
Preview of Front-End Resources

Front-End Resources

Community-maintained documentation site indexing front-end and design resources by topic: CSS, HTML, JavaScript, React, TypeScript, design.

Aycan Ogut (@aycanogut)MIT
Preview of react-scroll-parallax

react-scroll-parallax

React hooks and components for scroll-linked parallax on elements, banners and backgrounds with easing and rotation.

J Scott Smith (@jscottsmith)MIT
Preview of shadcn-tree-view

shadcn-tree-view

Hierarchical tree view component for React with expand, select and icon support in shadcn styling.

@mrlightfulMIT
Preview of @smastrom/react-rating

@smastrom/react-rating

Zero-dependency, fully accessible star and custom-shape rating input with keyboard and RTL support.

Simone Mastromattei (@smastrom)MIT
Preview of Wanda

Wanda

Wonderflow's open design system pairing a React component library with an unusually clear written rationale for each foundation decision.

Wonderflowopen-source
Preview of beUI

beUI

106 animated React components and blocks — docks, bloom menus, OTP inputs, number tickers — installable through the shadcn CLI.

Saurabh (@starc007)MIT
Preview of react-flip-toolkit

react-flip-toolkit

Configurable FLIP animation library for React with spring physics, nested and staggered transitions, and scale-corrected children.

Alex Holachek (@aholachek)MIT
Preview of glyphcss

glyphcss

Converts OBJ, glTF, GLB, STL and VOX models into ASCII art rendered as text inside one pre element, with React and Vue wrappers.

apresmoiMIT
Preview of awesome-shadcn-ui

awesome-shadcn-ui

Curated GitHub list of shadcn/ui extensions, blocks, templates, registries and tooling built by the community.

@birobirobiroMIT
Preview of react-particle-effect-button

react-particle-effect-button

React button that bursts into particles on click, with configurable shapes, direction and easing for the disintegration.

Travis Fischer (@transitive_bs)MIT
Preview of Calligraph

Calligraph

Fluid text transition component powered by Motion, animating between arbitrary strings with per-character flow.

Raphael Salaja (@raphaelsalaja)open-source
Preview of tldraw SDK

tldraw SDK

React infinite-canvas SDK with multiplayer sync, custom shapes, persistence and full programmatic control over canvas contents.

tldrawopen-source
Preview of Manifest UI

Manifest UI

Component library specifically for building ChatGPT Apps, shipped from the Manifest backend project.

Manifest (@mnfst)open-source
Preview of react-kino

react-kino

Scroll-driven cinematic storytelling primitives for React under one kilobyte gzipped, built on native scroll timelines.

Bilal Tahir (@btahir)MIT
Preview of mantine-border-animate

mantine-border-animate

Mantine component providing beam, glow, gradient and pulse animated borders with full colour and timing control.

Giovambattista Fazioli (@gfazioli)MIT
Preview of 21st.dev Agent Elements

21st.dev Agent Elements

Open registry of agent UI primitives: chat shell, tool-call cards for bash/edit/search/todo, clarifying questions and streaming markdown.

21st.dev (@21stdev)open-source
Preview of devl.dev

devl.dev

Registry of 159+ components built on coss-ui and installable through the shadcn registry CLI.

Sean Brydon (@seanbrydon13)open-source
Preview of react-force-graph

react-force-graph

React bindings for 2D, 3D, VR and AR force-directed graphs sharing one declarative prop API.

Vasco Asturiano (@vasturiano)MIT
Preview of GreatFrontEnd

GreatFrontEnd

Front-end interview platform with 3,000+ questions across JavaScript, React, UI coding and system design, plus in-browser testing.

Yangshun Tay (@yangshunz)freemium
Preview of Better Upload

Better Upload

React file upload library that posts directly to any S3-compatible bucket, shipping prebuilt shadcn dropzone and progress components.

Nicolas (@Nic13Gamer)MIT
Preview of Matinee

Matinee

Programmable ghost cursor for React that moves, clicks, types and scrolls against your live app, then exports itself as an animated SVG.

Ben Howdle (@benhowdle89)MIT
Preview of ReUI

ReUI

Open registry of React, Next.js and Tailwind components plus functional app examples and animated effects.

Keen ThemesMIT
Preview of fluidkit

fluidkit

React library for liquid glass and metaball UI animations, including morphing nav indicators and blob transitions.

Vendo (@runvendo)open-source
Preview of Animate UI

Animate UI

Distribution of fully animated React components built on Motion, shipped as copy-paste source through the shadcn CLI.

Elliot Sutton (@imskyleen)MIT
Preview of Zyeon UI

Zyeon UI

353 React and Tailwind components where each one ships its live preview, full source, the prompt that generated it, and a concept map.

Zyeon AIopen-source
Preview of shadcn-play

shadcn-play

Browser playground for shadcn/ui components with a live editor for previewing and tweaking variants.

Ephraim Duncan (@ephraimduncan)MIT
Preview of meshgrad

meshgrad

Generates CSS mesh gradients as layered radial-gradient stacks, with a React helper for randomised output.

Cristi Cretu (@cristicretu)MIT
Preview of Tania Rascia

Tania Rascia

Personal engineering blog with 177 posts on JavaScript, React, the DOM and web fundamentals, written as complete tutorials.

Tania Rascia (@taniarascia)free
Preview of Trophy UI

Trophy UI

Gamification components for React covering streaks, achievement badges, XP bars and leaderboards.

TrophyMIT
Preview of figma-plugin-react-vite

figma-plugin-react-vite

Vite-based Figma plugin starter with React, hot reload for the UI iframe and typed plugin/UI messaging.

CoconutGoodieMIT
Preview of Stepperize

Stepperize

Headless stepper library for React with typed steps, plus a shadcn-styled component layer.

Damian Ricobelli (@damianricobelli)MIT
Preview of Payload Components

Payload Components

MIT registry of typed Payload CMS blocks and React components for Payload v3 with Next.js.

Chai Pin Zheng (@Ducksss)MIT
Preview of Skiper UI

Skiper UI

Component library of stacked cards, carousels and scroll-driven interactions distributed through the shadcn CLI.

Gxuri (@Gxuri__)MIT
Preview of ReverseUI

ReverseUI

Collection of animated React UI components reverse-engineered from the interactions on well-known marketing and product sites.

@kukaarmedinpaid
Preview of Unlumen UI

Unlumen UI

Open-source React and shadcn primitives with deliberate motion defaults, published as a small curated set rather than a mega-library.

leovvxopen-source
Preview of React Scan

React Scan

Overlay that highlights which React components re-render and how expensive each render is, with no code changes or babel plugin.

Aiden Bai (@aidenybai)MIT
Preview of SlidyTabs

SlidyTabs

Small library adding a sliding indicator animation to tab components with automatic measurement.

Justin Francos (@jfrancos)MIT
Preview of heroicons-animated

heroicons-animated

316 Heroicons rebuilt as animated React components with hover and state transitions.

Aniket Pawar (@alaymanguy)MIT
Preview of gooey-react

gooey-react

Half-kilobyte React component applying the SVG gooey filter so overlapping shapes blob together like liquid metal.

Luuk de Vlieger (@luukdv)MIT
Preview of Generative Loaders

Generative Loaders

Accessible React loading components purpose-built for generative interfaces: streamed text, inline activity and image generation.

Kasturi Khankeopen-source
Preview of Border Beam

Border Beam

Configurable React component that animates a light beam travelling around an element's border, with live controls and copyable code.

Jakub Antalík (@jantalik)free
Preview of react-simple-maps

react-simple-maps

React SVG mapping components built on d3-geo, aimed at static thematic maps rather than slippy tile maps.

z creative labs (@zcreativelabs)MIT
Preview of termcn

termcn

Terminal-styled React components rendering panels, prompts and TUI-like widgets in the browser.

Aniket Pawar (@alaymanguy)MIT
Preview of smooth-cursor

smooth-cursor

Physics-based smooth cursor component for React with spring stiffness, damping and rotation-on-velocity options.

Parth (@Code-Parth)MIT
Preview of Knock in-app components

Knock in-app components

Customer messaging infrastructure shipping React feed, toast and inline in-app message components driven by backend workflows.

Knock Labs (@knocklabs)freemium
Preview of AutoAnimate

AutoAnimate

Drop-in utility that watches a parent element and automatically animates children being added, removed or reordered.

FormKit (@formkit)MIT
Preview of dotmatrix

dotmatrix

Open collection of 55+ loaders and spinners built with CSS and React, free to copy.

Shawn (@zzzzshawn)open-source
Preview of griffo

griffo

Kerning-aware text splitting for React that preserves letter-spacing when splitting into characters for staggered animation.

(@dimicx)MIT
Preview of react-fast-marquee

react-fast-marquee

React marquee component using pure CSS animation with pause-on-hover, gradient edges, direction and speed props.

Justin Chu (@justin-chu)MIT
Preview of WDS Shadcn Registry

WDS Shadcn Registry

Ten accessible components designed to slot alongside shadcn, published by the Web Dev Simplified channel.

Kyle Cook / Web Dev Simplifiedopen-source
Preview of Mailing

Mailing

Compose transactional emails as React components with a dev preview UI and send from any Node backend.

Alex Farrill and Ben SinclairMIT
Preview of agentcn

agentcn

Registry of reusable AI agent recipes and UI scaffolding built on the Eve and Flue runtimes, installable as owned source.

shadcn-labsMIT
Preview of Eldora UI

Eldora UI

Registry of animated React and Tailwind components, blocks and page templates installable with the shadcn CLI.

Karthik Mudunuri (@kartikmudunuri)MIT
Preview of useAnimations

useAnimations

Library of small animated icons — play/pause, menu/close, loading, heart — delivered as Lottie-backed React and vanilla components.

Patrik Svoboda (@thesvob)free
Preview of framecn

framecn

React component registry for building video interfaces — players, timelines, scrubbers and frame-accurate controls — installed via shadcn CLI.

shadcn-labsMIT
Preview of smart-ticker

smart-ticker

Diff-aware animated number and text ticker for React, Vue and Svelte that only animates changed characters.

(@tombcato)MIT
Preview of Tremor

Tremor

Thirty-five open-source React dashboard components — charts, KPI cards, filters, pickers — built on Recharts, Radix and Tailwind.

Tremor Labs / Vercel (@tremorlabs)Apache-2.0
Preview of Animations on the Web

Animations on the Web

Course on web animation theory and implementation covering easing choice, duration, orchestration and performance, taught through interactive lessons.

Emil Kowalski (@emilkowalski)paid
Preview of Transitions.dev

Transitions.dev

Copy-paste collection of essential web app transitions: card resizes, modals, icon swaps and particle effects, with a refine tool.

Jakub Antalík (@jantalik)freemium
Preview of cmdk

cmdk

Unstyled, composable command menu primitive for React that other command palettes are built on.

Paco Coursey (@pacocoursey)MIT
Preview of interior.dev

interior.dev

React micro-interaction primitives focused specifically on the half-second of feedback right after a user click.

ozzy (@ddoemonn)open-source
Preview of Liquid Gooey

Liquid Gooey

React component and playground producing SVG filter-based gooey blob merging effects for menus, toggles and loaders.

Jakub Antalík (@jantalik)free
Preview of Vaul

Vaul

Unstyled drawer component for React with native-feeling drag, snap points and nested drawers.

Emil Kowalski (@emilkowalski)MIT
Preview of Beste UI

Beste UI

Large registry of production-oriented UI blocks for landing pages, dashboards and web apps — nearly 2,000 catalogued items.

Beste Coopen-source
Preview of Twenty

Twenty

Modern CRM with a Notion-like record layout, custom objects, kanban pipelines and a well-designed component system.

Twenty (@twentyhq)GPL
Preview of Async Select

Async Select

Async combobox for React with debounced remote search, loading states and shadcn styling.

Rudro Dip (@rds_agi)MIT
Preview of Sonner

Sonner

Opinionated React toast component with stacked, swipeable notifications and carefully tuned motion.

Emil Kowalski (@emilkowalski_)MIT
Preview of HextaUI

HextaUI

Extended shadcn components and blocks for Next.js covering dashboards, marketing sections and interactive widgets.

Preet Suthar (@preetsuthar17)MIT
Preview of Verdant

Verdant

IndexedDB-backed local-first framework with schema migrations, typed queries, undo history and a self-hostable sync server.

Grant Forrest (@a-type)open-source
Preview of shadcn/ui skills

shadcn/ui skills

Official shadcn skills giving agents accurate component context and enforcing shadcn conventions during generation.

shadcn (@shadcn)MIT
Preview of @web-kits/audio

@web-kits/audio

Declarative audio synthesis library for the web, letting you compose UI sound from primitives in JSX-like syntax.

Raphael Salaja (@raphaelsalaja)open-source
Preview of Braid

Braid

SEEK's design system where components are constrained by design tokens so invalid layouts are literally uncompilable in TypeScript.

SEEKMIT
Preview of Default File UI

Default File UI

Open design system with OKLCH scales, copyable React components, CLI registry, and an MCP server for agent installs.

default-fileMIT
Preview of react-ai-orb

react-ai-orb

Pure-CSS glowing React orb with eight palettes, eight presets, live speed control and reduced-motion respect, no canvas or WebGL.

@88linMIT
Preview of React Loader Studio

React Loader Studio

Twenty-one typed SVG React loaders under 2 KB gzip, with a playground that exports size, color and speed as JSX.

@ryaveeMIT
Preview of react-rotary-fab

react-rotary-fab

Watchmaker-inspired concentric rotary FAB and arc dial for React with multi-tier orbital physics and tactile haptics.

@nikhileashyMIT
Preview of BoardUI

BoardUI

Source-owned React design system for dashboards and agent UIs: 72 components, charts, templates, plus CLI and MCP install paths.

BoardUI (@sitenley)freemium
Preview of Orbkit

Orbkit

Free WebGL shader orbs for React agent states (idle, thinking, speaking), tunable in a playground and installable via shadcn registry.

@zzzzshawnMIT
Preview of Nacre UI

Nacre UI

Source-based React components with expressive motion, live previews you can parameterize, and a CLI that copies files into your project.

John MamanaoMIT
Preview of Cue

Cue

Imperative React overlay manager: register a dialog once, then open it from clicks, effects, or other overlays without local useState.

Mauro Erta (@mauro_erta)MIT
Preview of MicroKit UI

MicroKit UI

Forty-three copy-paste React and CSS micro-interactions with Tailwind or plain CSS variants, no package to install.

MicroKitMIT
Preview of Pipecat UI

Pipecat UI

shadcn-installable React components, hooks, visualizers, and blocks purpose-built for Pipecat voice AI experiences.

Pipecat AI (@pipecat-ai)BSD-2-Clause
Preview of Wensity UI

Wensity UI

MIT React component registry for Next.js and Tailwind v4 with motion-rich interactions, installable via CLI or copy-paste.

WensityMIT
Preview of ui (adriangalilea)

ui (adriangalilea)

Hand-crafted studio web components shipped as a shadcn registry: liquid glass, scroll stages, terminals, lightboxes, and more.

Adrian Galilea (@adriangalilea)MIT
Preview of tourcn

tourcn

Spotlight product-tour component for React, delivered as source via the shadcn CLI on Base UI and Floating UI.

Bundui (@bundui)MIT
Preview of Stash Icons

Stash Icons

MIT 24×24 SVG icon set in five styles (duotone, light, regular, solid, editor) as React packages, with a Figma source.

Pingback (Rachel Andrade, Pedro Ladeira)MIT
Preview of Serenity UI

Serenity UI

Free, open-source React, Canvas and WebGL components, blocks and templates you can install with the shadcn CLI or copy directly.

Ayushmaan SinghMIT
Preview of topolines

topolines

One React component that draws animated topographic contour backgrounds on the GPU, with six presets and a live playground.

Alex (@idleCyrex)MIT
Preview of revealed

revealed

WebGL library that stacks two images and lets the pointer, scroll or your own state paint a noise-carved hole through the top one.

Alex (@idleCyrex)MIT
Preview of Sona UI

Sona UI

React and Tailwind component registry of motion primitives — fluid tabs, expanding actions, animated dialogs — installed into your codebase via shadcn CLI.

Dinil Thilakarathne (@codebydinil)open-source
Preview of Vivid Layer

Vivid Layer

shadcn registry of React components and WebGL shaders — mesh gradients, paper texture, chat minimaps — with live parameter playgrounds and editable source.

@lawsonhanopen-source
Preview of Kinetics

Kinetics

153 interface animations built on spring physics rather than fixed-duration easing; tune stiffness and damping, then copy CSS, React or an AI prompt.

Colorionfree
Preview of pdfcn

pdfcn

shadcn-distributed React components for generating PDFs: page headers, key-value blocks, tables, footers, plus invoice and report templates.

Aniket Pawar (@alaymanguy)open-source
Preview of Flagcn

Flagcn

306 country-flag React components installable through the shadcn CLI, in SVG, PNG, WebP or JPEG at 4:3, square or original ratios.

Shadi Al Milhem (@shadi_m02)open-source
Preview of AICSS

AICSS

Copy-paste components for agent conversation UI: thinking states, tool calls, file diffs, streaming text, citations, approval cards and task lists.

Kevin (@kvnkld)MIT
Preview of Aqua

Aqua

shadcn/ui registry that rebuilds the Mac OS X Aqua interface: gel buttons, pinstripes, brushed-metal windows, a working Dock and iPod.

Igor Duca (@ducaswtf)MIT
Preview of Source → Design

Source → Design

Figma plugin that renders a local HTML file or a React, Next.js, Vue or Svelte project ZIP in Chromium and rebuilds it as organized editable layers.

@meltedmenfree
Preview of moco

moco

Editorial React components for technical writing: scrollytelling, Tufte margin notes, inline sparklines, number scrubbers, annotated code, HTML block diagrams.

Shreya (@shreya0204)MIT
Preview of IconsRoom

IconsRoom

Searchable front-end for 250,000+ open-source icons across 150+ sets, with colour and stroke customisation and SVG, PNG, React or Vue export.

@mdanassaiffree
Preview of Visimer

Visimer

Embeddable WYSIWYG editor for Mermaid diagrams — drag nodes, rename labels and change shapes, with Monaco and CodeMirror bindings plus a headless mode.

InkeepMIT
Preview of FrontFamily

FrontFamily

Converts components between MUI, Chakra, Ant Design, Mantine, EUI, Bootstrap and Quasar using 219 hand-verified mappings, running entirely in the browser.

Bassem Chagra (@ch-bas)Apache-2.0
Preview of Beautiful UI

Beautiful UI

Copy-paste components for agent interfaces: chat, streaming text, thinking states, human-in-the-loop approvals, task lists and result rendering.

Turbo (design studio)MIT
Preview of Onborda

Onborda

Product tour and onboarding component for Next.js with step targeting, masking and route awareness.

@uixmatMIT
Preview of emblor

emblor

Customizable React tag input component with autocomplete, validation, keyboard navigation and shadcn styling.

Jaleel Bennett (@JaleelB)MIT
Preview of Dice UI

Dice UI

Accessible shadcn/ui component set covering data tables, kanban, sortable lists, mentions and file upload, built on WAI-ARIA primitives.

Sadman Sakib (@sadmann7)MIT
Preview of TableCraft

TableCraft

Table engine wiring Drizzle ORM queries to a React data table with filters, sorting and export.

@jacksonkasi1MIT
Preview of UI Builder

UI Builder

No-code visual editor that composes React and shadcn components into layouts and exports real code.

@olliethedevMIT
Preview of Neobrutalism components

Neobrutalism components

shadcn and Radix components restyled with thick borders, hard shadows and flat colour in the neobrutalist idiom.

@ekmasMIT
Preview of react-highlight-popover

react-highlight-popover

Headless React component that shows a popover when the user selects text, with no styling opinions.

Josh Daniel BañaresMIT
Preview of react-jsonschema-form

react-jsonschema-form

Builds and validates complete forms from a JSON Schema, with themes for Bootstrap, MUI, Chakra and more.

RJSF Team / Mozilla ServicesApache-2.0
Preview of Liquid Metal

Liquid Metal

Animated liquid-metal border component for React with fluid chrome-like reflections and tunable motion parameters.

Jakub Antalík (@jantalik)free
Preview of react-mobile-picker

react-mobile-picker

iOS-style scrolling wheel picker for React, useful for date, time and constrained option selection on touch.

adcenturyMIT
Preview of shadcn-table

shadcn-table

Data table for React with server-side pagination, filtering, sorting and column controls on TanStack Table.

Sadman Sakib (@sadmann7)MIT
Preview of lingua-time

lingua-time

Datetime picker that parses natural language input like next friday at 3pm into a concrete date.

Naing Linn Khant (@nainglinnkhant)MIT
Preview of React Joyride

React Joyride

React walkthrough library that positions and styles tour steps while letting you supply your own components.

Gil Barbara (@gilbarbara)MIT
Preview of Cult UI

Cult UI

Animated shadcn-compatible components aimed at design engineers: texture cards, dynamic islands, popovers and expandable layouts.

Jordan Gilliam (@nolansym)MIT
Preview of Motion Primitives

Motion Primitives

Copy-paste animated React components built on Motion: text effects, docks, dialogs and transition primitives.

Julien Thibeaut (@ibelick)MIT
Preview of undraw-cn

undraw-cn

Components that wrap unDraw illustrations so they can be themed and dropped into shadcn projects as source.

vaatunopen-source
Preview of warcraftcn

warcraftcn

React components recreating the Warcraft III interface chrome: panels, portraits, ornate frames and buttons.

OrcDev (@theorcdev)MIT
Preview of shadcn-hooks

shadcn-hooks

Registry of installable React hooks distributed through the shadcn CLI alongside your components.

Brendan Dash (@Debbl)MIT
Preview of Planner

Planner

Adaptable React scheduling component for resource and time-slot planning built on shadcn primitives.

Zvi Uretzky (@UretzkyZvi)MIT
Preview of beautiful-react-hooks

beautiful-react-hooks

Collection of forty-plus React hooks for drag-and-drop, geolocation, storage, media queries, animation frames and lifecycle events.

Antonio Ruotolo (@antonioru)MIT
Preview of IMask

IMask

Vanilla JS input masking supporting pattern, number, date, regex and dynamic masks, with official React, Vue, Svelte and Solid bindings.

Alexey Kryazhev (@uNmAnNeR)MIT
Preview of react-colorful

react-colorful

A 2.5KB dependency-free, accessible colour picker for React with no runtime styling requirement and full keyboard support.

Vlad Shilov (@omgovich)MIT
Preview of shadcn-kanban-board

shadcn-kanban-board

Production-ready Kanban board for React with drag-and-drop columns, cards and keyboard accessibility.

UnknownMIT
Preview of Dominik UI

Dominik UI

Opinionated components and tools for building AI chat and agent interfaces, published out of a personal portfolio repo.

Dominik Koch (@mezotv)open-source
Preview of Jolly UI

Jolly UI

shadcn/ui-compatible React components rebuilt on React Aria Components, trading Radix for stronger accessibility guarantees.

@jolbol1MIT
Preview of AgnosticUI

AgnosticUI

CLI that copies Lit web components into your project with React and Vue wrappers generated alongside.

@AgnosticUIMIT
Preview of shadcn-dropzone

shadcn-dropzone

File upload dropzone for React built on react-dropzone with progress, preview and shadcn styling.

@jangladMIT
Preview of scificn-ui

scificn-ui

Retro science-fiction design system of React components with angular frames, HUD panels and readouts.

@baxy5MIT
Preview of shadcn-editor

shadcn-editor

Lexical-based rich text editor themed with shadcn/ui components and installable via the shadcn CLI.

@htmujahidMIT
Preview of React Spring

React Spring

Spring-physics animation library that interpolates any value type and runs off the React render loop for imperative performance.

Poimandres (@pmndrs)MIT
Preview of Thinking Orbs

Thinking Orbs

Dotted thought-orb loading indicators built for AI and agent interfaces, with variants and copyable component code.

Jakub Antalík (@jantalik)free
Preview of dither-kit

dither-kit

Composable dithered chart components for React using a Recharts-style children-as-config API.

tripwire.shopen-source
Preview of Kaizen

Kaizen

Culture Amp's design system with React components, illustration library and explicit inclusive-design and content principles.

Culture Ampopen-source
Preview of DialKit

DialKit

Floating React control panel with sliders, toggles and colour pickers for tweaking values live in a running app.

Josh Puckett (@joshpuckett)open-source
Preview of Odyssey

Odyssey

Okta's design system focused on identity, auth and security flows with React components and Figma kits.

Oktaopen-source
Preview of Geist

Geist

Vercel's design system: colour and typography foundations, Geist Sans and Mono typefaces, icon set and React components.

Vercelfree
Preview of Backpack

Backpack

Skyscanner's design system with React, iOS and Android implementations plus documented motion and RTL specifications.

SkyscannerApache-2.0
Preview of Glide Data Grid

Glide Data Grid

Canvas-rendered React data grid handling millions of rows with native scrolling, inline editing and markdown/image cell types.

Glide (@glideapps)MIT
Preview of Palette

Palette

Artsy's React and React Native design system with an art-world visual language and shared cross-platform primitives.

ArtsyMIT
Preview of Mística

Mística

Telefónica's multi-brand design system where one component library serves Movistar, O2, Vivo and Tu through swappable skins.

TelefónicaMIT
Preview of Instructure UI

Instructure UI

Education-platform design system with React components, strict accessibility gates and a documented deprecation and codemod process.

InstructureMIT
Preview of Circuit UI

Circuit UI

SumUp's React design system for payments and point-of-sale interfaces, with documented money-input and currency patterns.

SumUpApache-2.0
Preview of Intergalactic

Intergalactic

Semrush's design system with React components, a charting layer and documented rules for data-heavy SaaS interfaces.

SemrushMIT
Preview of Westpac GEL

Westpac GEL

Australian bank's design system with React components, extensive form patterns and documented financial-services accessibility requirements.

WestpacGPL
Preview of Orbit

Orbit

Kiwi.com's travel-oriented design system with React components, Figma libraries and documented booking-flow patterns rarely found in generic systems.

Kiwi.comMIT
Preview of Hover.dev

Hover.dev

Library of animated React and Tailwind components including glow buttons, spotlight cards, marquees and hero effects.

Tom (@tomisloading)freemium
Preview of Nephele

Nephele

React tool for generating volumetric cloud textures from layered SVG turbulence filters.

(@beauhaus)MIT
Preview of Reaviz

Reaviz

React chart library with unusually strong defaults for radial, sankey, treemap and calendar heatmap types plus built-in motion.

Reaviz / Austin McDaniel (@amcdnl)Apache-2.0