Sources

The largest community marketplace of shadcn-style React components (12k+) — heroes, buttons, cards, AI chats, pricing, dashboards — with an MCP for agent search.

112 free animated React components + ~180 free blocks for landing pages (Tailwind v4 + motion). The default source for "make this marketing page look expensive".

Free Community chart types for framework-neutral dashboard and reporting interfaces.

Dev toolbar for visual feedback to coding agents — click UI, annotate, and the agent receives selector + source file + React tree + computed styles via MCP.

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.

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.

A grammar-based engine for composed analytical visualizations.

Graph visualization with layouts, behaviors and configurable node styles.

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

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

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

Framework-neutral D3-based chart UI with named chart types and reusable configuration.

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

CSS-styled SVG charts with responsive layouts and explicit visual-variant examples.

Canvas charts for dashboards, reports and embedded analytics.

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.

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.

Relationship graph visualization and graph analysis with a JavaScript API.

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

Configurable dashboards with chart composition, zooming and relationship views.

Framework-neutral SVG charts with concise dashboard defaults and activity heatmaps.

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.

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.

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.

Svelte chart components and primitives for custom chart UI, gradients, patterns and interaction.

"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.

Canvas time-series and financial charts with line, area, baseline and OHLC styling.

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.

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.

Dashboard chart components that share Mantine styling, tooltips and application themes.

Text-defined diagrams for architecture, relationships and documentation.

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.

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.

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.

Material-themed React chart UI from the free Community package.

Ready-made React visualizations with configurable themes and interaction.

Concise statistical graphics for analysis and editorial explanations.

~1,100 animated marketing components & 58 page sections — WebGL/canvas backgrounds, heroes, cursors, text effects, loaders. Copy-paste, CLI, Framer, or MCP.

~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.

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

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.

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

React Canvas force-directed graphs with custom node drawing, labels and selection.

Composable React charts for product dashboards and reports.

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.

Interactive network rendering with Graphology data structures.

~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.

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.

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

Composable chart UI and relationship views with framework wrappers and shared visual primitives.

Focused time-series plotting for monitoring and analytical interfaces.

Specification-driven charts with theme, layout and presentation-oriented chart options.

Declarative JSON specifications for charts, transformations and linked views.

Composable React chart components with theme and interaction containers.

Interactive Canvas network diagrams with hierarchical layout, node styles and manipulation controls.

React visualization building blocks for a custom chart language.