Libraries · 11, growing
UI, drawing, and motion libraries worth keeping.
A curated index — RoughJS, Wired Elements, hand-drawn React kits, and the lighter-weight things you reach for when a project needs one good primitive. Click any entry for the framework, install line, and a prominent link to the source. Add yours via a PR.
library · ui · animation
Aceternity UI
Aceternity UI is Manu Arora's high-density catalogue of animation-forward React components — meteor showers behind text, sparkle particles, 3D-card hovers, background beams, glowing borders. Built on Tailwind + Framer Motion. Comes free and free-pro (the latter behind a paywall). Lean on it for the kind of landing pages that win Awwwards.Trendy animated components — meteors, sparkles, 3D card flips, infinite movers.
udaysinhlibrary · hand-drawn · react
Hand Drawing UI
A focused component set where every primitive is rendered with a hand-drawn aesthetic — sketchy borders, slightly-wobbly lines, the same family of choices as Wired but tuned for modern React. Live demos on the project page.Hand-drawn UI primitives, ready to drop into a React project.
udaysinhlibrary · animation · hover
Hover.dev
Hover.dev is Tom Cavalli's catalogue of interactive React components built around hover states — gallery layouts, card stacks, marquees, image trails, animated cursors. Each component is browsable with the live demo on the page and copy-paste source below. The best place to start when you want a single attention-getting moment on a landing page.A showcase of hover-driven React + Framer Motion components.
udaysinhlibrary · ui · components
Lightswind
A community-collected UI component library. See the homepage for the live component browser and copy-pastable source — the lab links forward rather than mirroring docs, so contributions are best discovered at the source.A UI library worth keeping bookmarked.
udaysinhlibrary · ui · animation
Magic UI
Magic UI is a large catalogue of animated React components — number tickers, beam effects, animated lists, marquees, gradient blobs, retro grids. Compatible with shadcn/ui and Tailwind v4. Best when you're building a marketing landing and want each section to have its own attention-grabbing animation.150+ animated components for marketing sites, built on Tailwind + Framer Motion.
udaysinhlibrary · animation · react
Motion-Primitives
A library of animation primitives by Cosden Solutions. Text Effect, Text Loop, Text Morph, Text Roll, Text Scramble, Text Shimmer, Animated Number, Dock, Glow Effect, Magnetic, Morphing Dialog, Spotlight, Tilt, Spinning Text — most of the motion vocabulary you keep wishing was a component. Built on Framer Motion + React, MIT-licensed, copy-paste source.Copy-paste React animation primitives — text effects, dock, magnetic, morphing dialog.
udaysinhlibrary · ui · react
Neobrutalism Components
A shadcn-style component kit committed to the Neobrutalism aesthetic — thick 2-pixel borders, harsh offset drop shadows, oversaturated yellow/green/pink fills, no border-radius compromises. React + Tailwind, copy-paste source, MIT. The opposite of subtle and on purpose.Heavy borders, harsh shadows, bold colours — the maximalist counter-shadcn.
udaysinhlibrary · ui · personal
Reche Soares · UI
A UI component library by Reche Soares. The kind of personal library that emerges when one designer keeps building the same primitives across projects and finally publishes them. Best browsed on the project site, which doubles as the demo.A personal component library — handcrafted, opinionated.
udaysinhlibrary · drawing · sketch
RoughJS
A small library that re-implements the standard drawing primitives — rectangles, circles, lines, paths — with a deliberately hand-drawn feel. Works with both Canvas and SVG. It's the layer underneath Excalidraw, tldraw, Wired Elements, and most of the 'sketch' aesthetic you've seen in interfaces over the last few years.Turns every drawing primitive into a hand-sketched version.
udaysinhlibrary · ui · react
shadcn/ui
Not strictly a library — shadcn/ui is a CLI that adds Radix-primitive React components into your project as plain files you own and edit. Tailwind-styled, accessibility primitives from Radix, no runtime dependency on a component lib. It became the default substrate for React UI in 2024-25; most of the other entries on this page (Magic UI, Neobrutalism Components, Aceternity) compose on top of it.The copy-paste React component set everyone now builds on top of.
udaysinhlibrary · hand-drawn · web-components
Wired Elements
A set of standard custom elements styled with RoughJS, so every primitive — button, input, slider, card, tooltip — looks like it was sketched on a notepad. Because they're web components, they work in any framework: drop a script tag, use the tags. Useful when you want a wireframe-but-running UI for prototypes, doc sites, or sites that don't take themselves too seriously.Sketchy web components — `<wired-button>`, `<wired-input>`, `<wired-card>`.
udaysinh