The Best Design,
Ready for 
Claude Code
310 motion pieces, components and templates for sites, apps and internal tools. Copy the prompt and your agent rebuilds it in your project.
SonnerThe opinionated toast component for React by Emil Kowalski: stacked, swipeable notifications that just feel right.sonner.emilkowal.ski
WebHapticsHaptic feedback for the mobile web: small vibrations on taps and toggles where the browser supports it.haptics.lochie.me
soundcn700+ curated UI sound effects for web apps, installable like shadcn components.soundcn.xyz
cmdkThe fast, unstyled command menu component for React behind many ⌘K palettes: you bring the styling.github.com
LivelineA real-time animated line chart for React: the line glides as new data arrives, for live dashboards and tickers.github.com
CalligraphFluid text transitions powered by Motion: letters rearrange themselves when a label changes.calligraph.raphaelsalaja.com
DialKitA floating control panel for React, Solid, Svelte and Vue with sliders, toggles, color pickers and spring editors wired to your values: tune motion live.joshpuckett.me
TorphA dependency-free animated text component: words morph smoothly into new words, great for changing labels and counters.torph.lochie.me
devl.devTwo years of UI experiments: 159+ components on coss-ui, all installable from the shadcn registry.devl.dev
Remediate feedback widgetOne React component to collect in-app feedback with screenshots, video, voice notes and annotations.remediate.ski
HashvatarGenerates deterministic, unique avatars from any string, with zero dependencies: nice default avatars for users without a photo.hashvatar.com
Tailwind gradient border pluginA Tailwind plugin for gradient borders with mask-composite, using the same class names as Tailwind's own gradients.gradient-border.floriankiem.com
@web-kits/audioDeclarative audio synthesis for the web: describe UI sounds in code instead of shipping audio files.audio.raphaelsalaja.com
dither-kit chartsComposable dithered charts for React with a Recharts-style API: dashboards with a retro, printed texture.tripwire.sh
Thinking orbsDotted orb loaders for AI and agent interfaces: a calmer, more alive way to say the model is thinking.libraries.dev
Fluid FunctionalismOpen-source UI components with soft, fluid motion and a functional look, made by a designer and free to reuse.fluidfunctionalism.com
crd-ui card inputA credit and debit card component for payment forms, with live brand detection, a 3D flip to the back and themeable variants.crd-ui.juanda.co
Liquid GooeyGooey, liquid UI effects for React: elements that melt into each other, for menus, toggles and playful navigation.libraries.dev
liquid-glass lensA headless React lens that refracts the live page underneath, for real liquid-glass buttons and panels instead of a blurred background.glass.samasante.com
interior.devReact micro-interactions for the half-second after a click: button presses, confirmations and state changes that feel tactile.interior.dev
morphiconsMorph any SVG icon into any other with spring physics: smooth icon state changes like play to pause or menu to close.morphicons.com
Cuelume interaction soundsA tiny, dependency-free library of interaction sounds synthesized live with Web Audio: clicks, toggles and confirmations that feel designed.cuelume.dev
AICSSCopy-paste components for AI agent conversations: thinking states, tool calls and streaming text, styled and ready to drop in.aicss.dev
Dot Matrix loadersReact loaders drawn on a dot matrix, installable from the shadcn registry: expressive loading states that do not look like every other spinner.dotmatrix.zzzzshawn.cloud