Skip to content

components design resources

39 curated resources tagged components. Refine them with search and filters.

Resources

Cult UI website preview

154 free, MIT-licensed animated shadcn/ui components and blocks, from a globe and kanban board to Apple device mockups, installed by copy-paste or one CLI line.

components
HextaUI website preview

65 React components, 9 hooks and 5 utilities built on Base UI and Tailwind CSS v4, added through the shadcn CLI so the source lands in your project under MIT.

components
EasyUI website preview

An open-source set of 131 micro-animated React components distributed through the shadcn GitHub registry, using spring physics and copy-paste source ownership.

components
Animata website preview

About 130 hand-crafted animated React components built with Tailwind CSS v4 — text effects, backgrounds, cards, widgets and bento grids — installed with the shadcn CLI.

components
Gauge UI website preview

Composable SVG gauge primitives for React — arcs, ticks, zones and needles — distributed as a shadcn registry for building speedometers, dials and meters.

components
Hover.dev website preview

A copy-and-paste library of animated React and Tailwind CSS components and page sections built with Motion, where every demo exposes its full source through a code toggle.

components
23rd website preview

A shadcn/ui registry of opinionated React components, from WebGL shaders and animated backgrounds to footers, 404 pages and a gooey colour picker, installed by CLI so you own the code.

components
Pele website preview

Pele renders Mermaid diagram syntax to SVG and themes the result with CSS variables instead of a theme configuration.

components

Animate UI replaces shadcn/ui primitives with animated versions built on Radix UI, Base UI and React Aria, driven by Motion.

components
Open Claude UI website preview

Open-source React and CSS library that reconstructs Claude's desktop chat interface, shipping 30 component modules plus the motion and scroll physics behind them.

components
Bluma website preview

Library of live animated UI components for the web and SwiftUI, where each entry plays in the browser and its code can be copied straight into a project.

components
Tailgrids UI website preview

React and Tailwind CSS component library with 600+ components and blocks, a CLI, prebuilt templates and a matching Figma design system.

ReactTailwindComponents+1
SakaniUI website preview

Open-source React design system of 126 components and 42 blocks exported 1:1 from Figma, with glass and liquid-glass surface themes.

components
OGImageCN website preview

A collection of beautifully designed, customizable Open Graph image components built on Satori and compatible with the shadcn/ui workflow.

Open GraphSatorishadcn/ui+2
ShaderCN website preview

Beautifully designed, accessible and customizable shader components for React — built on vgpu and TypeGPU and made to work alongside shadcn/ui.

ReactWebGPUShadcn UI+2
Designeer website preview

Curated directory of interface craft — component libraries, design systems, AI design tools, and inspiration, plus a list of people worth following.

Design ToolsCurationDesign Systems+2
PDFCN website preview

Beautifully designed, accessible and customizable PDF components — built on Takumi and Forme and made to work with shadcn/ui.

ReactPDFShadcn UI+2
DevClub UI website preview

Open-source component library engineered for speed and visual excellence, with copy-paste components built around physical elasticity, shaders, and micro-interactions.

ComponentsShadersMicro-interactions+2
ui.devclubxnst.online
Visitopens in a new tab
RTECN website preview

Ready-to-use, customizable rich text editor components for React, built on Tiptap and distributed via shadcn so you own the code.

Rich Text EditorReactTiptap+2
Affect UI website preview

Agent-ready React components, screens, and blocks for AI products and SaaS — one dependency-free file each, added by hand or by Claude, Cursor, or v0.

ReactComponentsAI+2
Figmapaste website preview

Free, curated library of copy-paste Figma components, UI kits, and ready-made design sections for assembling polished designs faster.

FigmaComponentsUI Kits+1
Kobra website preview

Polished, copy-paste React components built with Tailwind CSS — every state designed, in light and dark, with AI-ready prompt files included.

ReactTailwindComponents+2
Sprrrint website preview

A curated library of free Framer and Figma components, templates and UI design tools for streamlining the design process.

FramerFigmaTemplates+2
Skecher UI website preview

Polished React motion components you can copy with live previews, source code, dependencies and shadcn registry commands.

ReactMotionAnimation+2
MCPCN website preview

Beautifully designed, accessible MCP App UI components built with Base UI, copy-paste installable and compatible with shadcn/ui.

MCPComponentsBase UI+2
SmoothUI website preview

198 free, MIT-licensed animated React components with smooth Motion animations — drop-in shadcn/ui compatible and fully customizable with Tailwind CSS.

Reactshadcn/uiMotion+3
AgentCN website preview

A shadcn-style registry of production-ready AI agent recipes built on Eve, Flue and Mastra — copy, paste and ship complete agent patterns.

AI AgentsMastraShadcn UI+2
Reverse UI website preview

A premium collection of 50+ customizable, ready-to-use animated UI components for modern web apps — easy to integrate and fully styled.

ReactAnimationComponents+1
FrameCN website preview

Beautifully designed, customizable video components for React, built on Editframe and copy-paste installable alongside shadcn/ui.

VideoReactEditframe+2
Componentry website preview

Beautiful, animated React UI components with styling and motion already handled — built with Tailwind CSS, TypeScript and Framer Motion.

ReactTailwindFramer Motion+2
ForgeUI website preview

React and Tailwind UI library with animated components, marketing blocks, illustrations and copy-paste templates — shadcn-compatible, with free and Pro tiers.

ReactTailwindShadcn UI+2
Atlas UI website preview

Open-source, motion-powered animated components for React and HTML — beautifully crafted pieces that bring interfaces to life with seamless animations.

ReactTailwindAnimation+3
Gluestack website preview

Open-source React and React Native components crafted with Tailwind CSS and NativeWind — one copy-paste library shared across web, Next.js and Expo apps.

ReactReact NativeTailwind+2
Amicro website preview

160+ copy-paste React components for motion, transitions and UI effects — morphing buttons, 3D carousels, loaders and chart animations.

ReactAnimationComponents+1
amicro.vercel.app
Visitopens in a new tab
Cuedesign website preview

Cue curates Awwwards-tier components, animations and hero flows, each shipping with AI prompts for Cursor, v0, Bolt and Claude.

ComponentsAnimationAI
shadcn/ui website previewFeatured

Beautifully designed components that you can copy and paste into your apps. Accessible, customizable and open source — built on Radix UI and Tailwind CSS.

ReactTailwindComponents+2
Magic UI website previewFeatured

150+ animated components built with React, Tailwind CSS and Motion. Copy-paste landing page sections and effects that make marketing sites stand out.

ReactTailwindAnimation+2
Aceternity UI website previewFeatured

Stunning animated components and effects built with Next.js, Tailwind CSS and Framer Motion. A go-to source for hero sections with visual punch.

ReactTailwindAnimation+2
ui.aceternity.com
Visitopens in a new tab
Origin UI website preview

A large collection of copy-paste components built on top of shadcn/ui and Tailwind CSS — forms, layouts and application UI patterns for real products.

ReactTailwindComponents+2