Sources
Every library, marketplace and tool we pull from — with licence, install method and gotchas. Paste a new link to the design-infra agent to add one (the ingest-library skill).
21st.dev
marketplacekey1 entriesThe largest community marketplace of shadcn-style React components (12k+) — heroes, buttons, cards, AI chats, pricing, dashboards — with an MCP for agent search.
Aceternity UI
registryfree292 entries112 free animated React components + ~180 free blocks for landing pages (Tailwind v4 + motion). The default source for "make this marketing page look expensive".
Agentation
toolfree1 entriesDev toolbar for visual feedback to coding agents — click UI, annotate, and the agent receives selector + source file + React tree + computed styles via MCP.
Anatomy
skillfree34 entriesInteractive isometric explainers by Ryan; an optional Claude Code/Codex skill and the MIT anatomy-figures package, with 33 primary figures for algorithms, UI behavior and real machines.
anime.js
npmfree1 entriesFramework-agnostic JavaScript animation engine by Julian Garnier (v4) — timelines, staggers, SVG morph / line drawing / motion paths, draggables, scroll observers, text splitting and layout animations. Vanilla JS; no React components.
AntV G2
npmfree6 entriesA grammar-based engine for composed analytical visualizations.
AntV G6
npmfree6 entriesGraph visualization with layouts, behaviors and configurable node styles.
Beautiful UI
registryfree26 entries26 MIT components for AI-native interfaces — thinking traces, chat composer, approval cards, tool chips, diff/records tables, flowcharts.
beUI Pro
registrypaid8 entriesPaid animated application blocks, agent interfaces and page sections; cataloged as future upgrade references alongside the independent free beUI library.
beUI (free)
registryfree143 entriesFree animated controls, charts and AI interfaces, with independently installable variants in a public shadcn registry.
Bklit UI
registryfree24 entriesComposable chart UI with a public gallery of gradients, patterns, streaming lines, gauges and other visual treatments; built with visx and Motion.
Chart.js
npmfree6 entriesCanvas charts for dashboards, reports and embedded analytics.
The Component Gallery
referencefreeReference catalogue of 60 component types with real examples from 95 design systems (Polaris, Carbon, GOV.UK, Atlassian…). No code — for naming, anatomy, and accessibility research.
Cult UI
registryfree154 entries154 free MIT shadcn-compatible animated components — Dynamic Island, direction-aware tabs, textured/neumorphic buttons, 'halo' form controls (Base UI), shader heroes, device mockups and Vercel-style illustrations. motion-based.
Cytoscape.js
npmfree6 entriesRelationship graph visualization and graph analysis with a JavaScript API.
D3
npmfree6 entriesLow-level visualization tools for bespoke scales, shapes and layouts.
Apache ECharts
npmfree6 entriesConfigurable dashboards with chart composition, zooming and relationship views.
Kage
referencefreeFree reference library of 372 analysed real product designs and 1,978 extracted components (heroes, pricing tables, navs, footers…) from 207 products, each with a ready-to-paste prompt — searchable through a free, keyless MCP server.
Kibo UI
registryfree40 entries40 free MIT composable, token-based components that stock shadcn lacks — Gantt, Kanban, calendar, rich-text editor, code block, dropzone, colour picker, contribution graph, video player, QR code. Now maintained by shadcnblocks.
Kitbitz
referencefree2,043 free hand-drawn illustrations (SVG + PNG) in 13 themed kits (city, space, nature, cyberpunk, interior…), CC0, with a free read-only MCP server for search and download URLs, Figma kits and a Figma plugin.
libraries.dev
npmfree7 entries"High-crafted UI libraries for AI agents" — MIT npm packages for agent UIs: thinking-orbs, border-beam, liquid-gooey, voice-glow, bot-avatars, metal-fx, img-fx.
Liquid Glass (@samasante/liquid-glass)
npmfree1 entriesHeadless React lens that refracts what's behind it — Apple-style Liquid Glass (frost, tint, rim light, dispersion, edge bend) as one <Glass> wrapper. Zero runtime deps, React >=18 peer.
Magic UI
registryfree78 entries78 free MIT animated components and effects (marquee, beams, number ticker, text animations, patterns, device mockups) built as a companion to shadcn/ui. Tailwind v4 + motion.
Mermaid
npmfree6 entriesText-defined diagrams for architecture, relationships and documentation.
MicroKit
registryfree10 entries49 copy-paste micro-interactions (buttons, tabs, menus, a scrub number field) in React + TypeScript + Tailwind by Henrique Barone — mostly pure CSS transitions with a little JS, no animation library. Prop-less demos with hard-coded labels and colours; take the technique, not the component.
Motion Primitives
registryfree33 entries33 free MIT motion building blocks (text effects, morphing dialog/popover, animated background, transition panel, infinite slider, in-view, progressive blur, dock, tilt). Mostly unstyled, motion-based.
Motion (motion.dev)
npmfree206 entriesThe animation engine under most of this catalog (formerly Framer Motion) — free MIT library for React/JS/Vue, plus ~460 examples with public preview videos (source free for a minority, Motion+ for the rest) and a free agent skill + docs MCP.
Nivo
npmfree6 entriesReady-made React visualizations with configurable themes and interaction.
Observable Plot
npmfree6 entriesConcise statistical graphics for analysis and editorial explanations.
OriginKit
climetered606 entries~1,100 animated marketing components & 58 page sections — WebGL/canvas backgrounds, heroes, cursors, text effects, loaders. Copy-paste, CLI, Framer, or MCP.
Origin UI (coss.com origin)
registryfree599 entries~600 free MIT app-UI components (inputs, selects, data tables, calendars, steppers, trees, navbars, notifications) as numbered shadcn-registry items. Theme-token based, Radix + Tailwind v4. Now a legacy snapshot under coss.com.
Plotly.js
npmfree6 entriesStatistical, scientific and financial charts with built-in interaction.
React Bits
registryfree213 entries213 free creative components — text animations, WebGL/shader backgrounds, cursor and hover effects, playful UI and micro-interactions — each in JS/TS × CSS/Tailwind variants. GSAP, motion, ogl, three.js.
React Flow
npmfree6 entriesEditable node-and-edge interfaces for workflows and application builders.
Recharts
npmfree6 entriesComposable React charts for product dashboards and reports.
shadcn/ui blocks
registryfree97 entries97 official free MIT blocks — dashboard-01, 16 sidebar app shells, 5 login + 5 signup pages, and 70 Recharts chart variants (area, bar, line, pie, radar, radial, tooltip). Pure shadcn tokens.
Sigma.js
npmfree6 entriesInteractive network rendering with Graphology data structures.
SmoothUI
registryfree232 entries~200 free MIT motion components + 34 blocks (React, Tailwind, motion/react) by Eduardo Calvo — the strongest free set of AI/agent components (approval, tool call, task list, reasoning, context meter), plus tabs, navbars, carousels, transitions and text effects. Mostly shadcn tokens; most items honour reduced motion.
transitions.dev
skillfree32 entries43+ tuned CSS micro-transitions (modal, tabs, toast, number pop, shimmer, streaming text, thinking states) delivered as an agent skill that applies them to your markup.
Tremor Raw
referencefree11 entriesCopy-and-paste chart and dashboard UI, including sparklines, bar lists, category bars, rings and activity trackers.
uPlot
npmfree6 entriesFocused time-series plotting for monitoring and analytical interfaces.
Vega-Lite
npmfree6 entriesDeclarative JSON specifications for charts, transformations and linked views.
visx
npmfree6 entriesReact visualization building blocks for a custom chart language.