design-infraGitHub

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 entries

The 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 entries

112 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 entries

Dev 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 entries

Interactive 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 entries

Framework-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 entries

A grammar-based engine for composed analytical visualizations.

AntV G6

npmfree6 entries

Graph visualization with layouts, behaviors and configurable node styles.

Beautiful UI

registryfree26 entries

26 MIT components for AI-native interfaces — thinking traces, chat composer, approval cards, tool chips, diff/records tables, flowcharts.

beUI Pro

registrypaid8 entries

Paid animated application blocks, agent interfaces and page sections; cataloged as future upgrade references alongside the independent free beUI library.

beUI (free)

registryfree143 entries

Free animated controls, charts and AI interfaces, with independently installable variants in a public shadcn registry.

Bklit UI

registryfree24 entries

Composable chart UI with a public gallery of gradients, patterns, streaming lines, gauges and other visual treatments; built with visx and Motion.

Chart.js

npmfree6 entries

Canvas charts for dashboards, reports and embedded analytics.

The Component Gallery

referencefree

Reference 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 entries

154 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 entries

Relationship graph visualization and graph analysis with a JavaScript API.

D3

npmfree6 entries

Low-level visualization tools for bespoke scales, shapes and layouts.

Apache ECharts

npmfree6 entries

Configurable dashboards with chart composition, zooming and relationship views.

Kage

referencefree

Free 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 entries

40 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

referencefree

2,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 entries

Headless 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 entries

78 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 entries

Text-defined diagrams for architecture, relationships and documentation.

MicroKit

registryfree10 entries

49 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 entries

33 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 entries

The 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 entries

Ready-made React visualizations with configurable themes and interaction.

Observable Plot

npmfree6 entries

Concise 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 entries

Statistical, scientific and financial charts with built-in interaction.

React Bits

registryfree213 entries

213 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 entries

Editable node-and-edge interfaces for workflows and application builders.

Recharts

npmfree6 entries

Composable React charts for product dashboards and reports.

shadcn/ui blocks

registryfree97 entries

97 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 entries

Interactive 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 entries

43+ 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 entries

Copy-and-paste chart and dashboard UI, including sparklines, bar lists, category bars, rings and activity trackers.

uPlot

npmfree6 entries

Focused time-series plotting for monitoring and analytical interfaces.

Vega-Lite

npmfree6 entries

Declarative JSON specifications for charts, transformations and linked views.

visx

npmfree6 entries

React visualization building blocks for a custom chart language.