Skip to content
Back to libraries

#Copy & Paste

58items

All UI component libraries and engineering guides tagged #Copy & Paste.

UI Component Libraries

23rd logo

23rd

192

An open-source shadcn/ui registry of opinionated, tasteful components by radiumcoders — WebGL shaders, playful 404s, and interactive showpieces you copy, paste, and own.

AnimationCopy & PasteReact+2
AnimationDetails
Duolingo UI logo

Duolingo UI (ShadLingo)

126k+

A comprehensive Duolingo-inspired design system and component suite built on shadcn/ui v4 and Tailwind CSS, featuring signature 3D buttons, vivid owl-green tokens, and gamified interaction cards.

Copy & PasteDesign TokensGamification+3
Copy & PasteDetails
Rewamp UI logo

Rewamp UI

192

A copy-paste React component library featuring highly interactive, physics-driven Framer Motion and Three.js WebGL components built with Tailwind CSS 4.

Copy & PasteMotionReact+3
Copy & PasteDetails
ObsidianUI logo

ObsidianUI

50

An open-source React component library featuring 100+ expressive animated components, cursor effects, and WebGL canvas shaders built with Tailwind CSS and Motion.

Copy & PasteMotionReact+3
Copy & PasteDetails
Watermelon UI logo

Watermelon UI

55

An open-source React 19 UI platform offering animated components, copy-paste blocks, dashboards, and templates built with Tailwind CSS 4 and Motion, featuring native shadcn registry and MCP support.

BlocksCopy & PasteMotion+3
BlocksDetails
nxui logo

nxui (Vue)

215

A collection of 230+ beautiful animated Vue 3 components built with Tailwind CSS v4 and motion-v. Copy, paste, and ship with Nuxt 4 and shadcn-vue.

AnimationCopy & PasteTailwind Ecosystem+2
AnimationDetails
Kinetics logo

Kinetics (Colorion)

614

A library of 150+ spring-driven micro-interactions for web apps. Copy the CSS, React, or ready-made AI prompts to ship physics-based motion instantly.

AnimationCLI ToolsCopy & Paste+2
AnimationDetails
8bitcn logo

8bitcn/ui

2.1k+

Accessible retro 8-bit components and blocks built on shadcn/ui and Tailwind CSS. Open source, copy-paste, and crafted for modern React apps.

AccessibilityCopy & PasteReact+2
AccessibilityDetails
Evil Charts logo

Evil Charts

3.1k+

Animated React chart components built with Recharts, Apache ECharts, and shadcn/ui. Dual-engine architecture with fluid motion and glow aesthetics.

ChartsCopy & PasteReact+2
ChartsDetails
Great UI logo

Great UI

273

A curated collection of beautiful, copy-paste React components built with TypeScript, Tailwind CSS v4, and Motion for crafting premium interfaces instantly.

AnimationCopy & PasteReact+2
AnimationDetails
remocn logo

remocn

1.6k+

A copy-paste component library for Remotion. Build promotional and product demo videos with your AI coding agent using modular React primitives.

AnimationCLI ToolsCopy & Paste+2
AnimationDetails
Amicro logo

Amicro

2.6k+

A curated collection of premium React micro-interactions, transition primitives, and card layouts powered by Motion and Tailwind CSS.

AnimationCopy & PasteReact+2
AnimationDetails
pdfcn logo

pdfcn

2.9k+

A collection of beautifully designed, accessible, and customizable PDF components for React. Built on Takumi and Forme, distributed via the shadcn CLI.

CLI ToolsCopy & PasteReact+2
CLI ToolsDetails
Svelte Bits logo

Svelte Bits

383

An open-source collection of animated UI components, interactive backgrounds, and kinetic text effects built specifically for Svelte 5 and SvelteKit.

AnimationCopy & PasteSvelte+2
AnimationDetails
Honest UI logo

Honest UI

920

A source-first React component library with expressive animations, WebGL shaders, physical interactions, and dynamic visual charts.

AnimationCopy & PasteReact+2
AnimationDetails
Soundcn logo

Soundcn

887

A curated library of 800+ micro-interaction sound effects for React and shadcn, bringing tactile audio feedback to web buttons, toggles, and notifications.

CLI ToolsCopy & PasteReact+1
CLI ToolsDetails
Afterglow logo

Afterglow

8

A complete retro terminal UI system for shadcn, featuring Base UI accessible components, CRT phosphor themes, and command-line aesthetics.

Copy & PasteDesign TokensReact+2
Copy & PasteDetails
Better Auth UI logo

Better Auth UI

1.7k+

A plug-and-play UI component library tailored for Better Auth, providing beautiful login, registration, 2FA, passkey, and session management forms.

AccessibilityCopy & PasteEnterprise+3
AccessibilityDetails
Snapcn logo

Snapcn

471

An open-source Remotion video component registry for React. Install text reveals, karaoke captions, device mockups, and video scenes directly with the shadcn CLI.

AnimationCopy & PasteReact+3
AnimationDetails
Plate.js logo

Plate.js

17k+

The rich text editor framework for React and Slate. Features 50+ modular plugins, shadcn/ui-styled components, and native AI copilot integration.

AI & LLMCopy & PasteHeadless+4
AI & LLMDetails
shadcn maps logo

shadcn maps

500

Interactive SVG map components designed for React and shadcn/ui. Featuring 170+ country and region maps, hover tooltips, and 1-command CLI installation.

ChartsCopy & PasteReact+2
ChartsDetails
Tetra UI logo

Tetra UI

A modern React component library built with Tailwind CSS and Radix UI primitives. Designed for clean aesthetics, accessibility, and high performance.

AccessibilityCopy & PasteReact+2
AccessibilityDetails
AniUI logo

AniUI

106

A collection of 100+ modern animated UI components built with React, Tailwind CSS, and Framer Motion. Copy and paste into your apps.

AnimationCopy & PasteReact+2
AnimationDetails
Inspora logo

Inspora (Visual Design Gallery)

A curated visual design archive celebrating creative agency websites, bold typography, art-directed social graphics, and experimental UI layouts.

AccessibilityCLI ToolsCopy & Paste+1
AccessibilityDetails
UI.live logo

UI.live (Interactive UI Components)

A community-driven platform to create, preview, test, and share interactive React and Tailwind UI components and AI-generated interface prompts.

AI & LLMCopy & PasteReact+2
AI & LLMDetails
Swiped Design logo

Swiped Design

A curated swipe file aggregating top-performing design posts, UI teardowns, typography insights, and visual discussions from X and LinkedIn.

CLI ToolsCopy & PasteDesign Tokens
CLI ToolsDetails
Saaspo logo

Saaspo (SaaS Landing Page Inspiration)

A curated directory of 2,000+ best SaaS landing pages, pricing tables, hero sections, and product feature pages to spark web design ideas.

CLI ToolsCopy & PasteDesign Tokens+1
CLI ToolsDetails
100 Text Animations logo

100 Text Animations (Kawai Design)

A curated interactive showcase of 100 pure CSS and JavaScript text animation patterns. Features live custom text preview, favorite picking, and 1-click code copying.

AnimationCLI ToolsCopy & Paste+2
AnimationDetails
Evil Buttons logo

Evil Buttons

197

A shadcn/ui registry of 31 playful, highly animated button components with evil aesthetics — built with Motion, installable with one CLI command, copy-paste friendly.

AnimationCopy & PasteReact+1
AnimationDetails
Mapcn logo

Mapcn

12k+

Free, open-source map components for React built on MapLibre GL, styled with Tailwind CSS, and installable through the shadcn/ui CLI. Beautiful maps made simple.

Copy & PasteReactTailwind Ecosystem+1
Copy & PasteDetails
Lucide Animated logo

Lucide Animated

8.2k+

A popular open-source library of 350+ beautifully crafted animated React icons built with Lucide and Motion. Copy-paste ready with shadcn CLI support.

AnimationCopy & PasteIcons & Assets+3
AnimationDetails
Hover Icons logo

Hover Icons (itshover)

2.7k+

A collection of 180+ interactive, hover-animated vector icons with physics-based spring transitions and micro-interactions for modern React applications.

AnimationCopy & PasteIcons & Assets+3
AnimationDetails
Fancy Components logo

Fancy Components

3.3k+

A curated collection of playful, creative animated React components (Letter Scramble, Physics Cards, Floating Particles) built with Tailwind & Motion.

AnimationCopy & PasteReact+2
AnimationDetails
Motion Primitives logo

Motion Primitives

6.7k+

A curated library of animated, customizable React components and layout primitives built with Framer Motion and Tailwind CSS by ibelick.

AnimationCopy & PasteReact+2
AnimationDetails
Rare UI logo

Rare UI

1.8k+

A curated collection of rare, animated React components and creative UI widgets (Fluid Orb, Gravity Letters, Duration Picker, OTP inputs) for Next.js & Tailwind.

AnimationCopy & PasteReact+2
AnimationDetails
Pace UI logo

Pace UI

A vast collection of 200+ blocks, full-page templates, and GSAP-powered animated React components for SaaS dashboards, Next.js, and TanStack Start.

AnimationCopy & PasteReact+2
AnimationDetails
Text Effects Colorion logo

Text Effects (Colorion)

A curated library of creative CSS, SVG, and WebGL text animations, gradient headers, glitch effects, and kinetic typography ready for instant copy & paste.

AnimationCopy & PastePure CSS+2
AnimationDetails
Fluid Functionalism logo

Fluid Functionalism

1.1k+

Functional motion and spring-tuned UI components designed to communicate interface state changes rather than acting as mere decoration. Built for shadcn/ui.

AnimationCopy & PasteReact+2
AnimationDetails
beUI logo

beUI

1.8k+

A modern animated component library and registry for React and Next.js applications styled with Tailwind CSS and Motion.

AnimationCopy & PasteReact+1
AnimationDetails
Extend UI logo

Extend UI

1.6k+

Open-source React component library and shadcn registry designed for AI document workflows, file agents, and parsing dashboards.

AI & LLMCopy & PasteReact+2
AI & LLMDetails
Animate UI logo

Animate UI

1.8k+

A modern animated component registry for React and Tailwind CSS. Features animated icons, interactive buttons, and kinetic text effects.

AnimationCopy & PasteIcons & Assets+2
AnimationDetails
Zelda Hyrule UI logo

Zelda Hyrule UI

348

A Zelda: Breath of the Wild-inspired React UI library with 84+ components, Sheikah Slate glow effects, and AI-consumable design specs.

AI & LLMAnimationCopy & Paste+1
AI & LLMDetails
Animal Island UI logo

Animal Island UI

5k+

A charming Animal Crossing-inspired UI component library for React and Vue. Features organic organic shapes, claymorphism, and playful bounces.

AnimationCopy & PasteReact+1
AnimationDetails
NeonBlade UI logo

NeonBlade UI

131

A futuristic cyberpunk React component library built with Tailwind CSS and Framer Motion for sci-fi web experiences.

AnimationCopy & PasteReact+1
AnimationDetails
Performative UI logo

Performative UI

930

A satire-driven collection of hype-aesthetic components parodying high-velocity tech startups and Silicon Valley landing pages.

AnimationCopy & PasteReact+1
AnimationDetails
Eldora UI logo

Eldora UI

2k+

A collection of re-usable animated components, blocks, and templates built with React and Tailwind CSS for modern landing pages.

AnimationCopy & PasteReact+1
AnimationDetails
Tremor logo

Tremor

3.7k+

The standard open-source React component library for building modern dashboards and analytics interfaces with Tailwind CSS.

ChartsCopy & PasteEnterprise+2
ChartsDetails
Cult UI logo

Cult UI

6.6k+

A curated library of animated React components styled with Tailwind CSS, Framer Motion, and shadcn tokens for ambitious builders.

AnimationCopy & PasteReact+1
AnimationDetails
React Bits logo

React Bits

50k+

A massive open-source collection of 100+ animated React components, text effects, backgrounds, and interactive cards with 46k+ stars.

AnimationCopy & PasteReact+1
AnimationDetails
Bklit UI logo

Bklit UI

1.8k+

Customizable charts and data visualization primitives for React built with Visx, Motion, and shadcn/ui registry support.

ChartsCopy & PasteReact+2
ChartsDetails
Animata logo

Animata

3k+

Hand-crafted animated React components styled with Tailwind CSS. Copy-paste animations, cards, buttons, and bento grids.

AnimationCopy & PasteReact+1
AnimationDetails
Transitions.dev logo

Transitions.dev

5.4k+

Curated collection of smooth CSS View Transitions and page transitions for modern web frameworks and Astro sites.

AnimationCopy & PastePure CSS+1
AnimationDetails
Uiverse.io logo

Uiverse.io

14k+

The largest open-source library of 3,000+ community-made UI elements in pure CSS, Tailwind, and React. 100% free for commercial use.

Copy & PastePure CSSReact+2
Copy & PasteDetails
coss UI logo

coss UI

2

The official open-source design system of Cal.com. Modern, minimal, copy-paste React components styled with Tailwind CSS.

Copy & PasteReactTailwind Ecosystem+1
Copy & PasteDetails
Aceternity UI logo

Aceternity UI

16k+

Trending copy-paste components with stunning 3D visual effects, card spotlights, and glowing gradients for modern web design.

AnimationCopy & PasteReact+2
AnimationDetails
Magic UI logo

Magic UI

23k+

Over 50+ animated UI components built with React, TypeScript, Tailwind CSS, and Motion (Framer Motion). Perfect for modern landing pages.

AnimationCopy & PasteReact+2
AnimationDetails
shadcn/ui logo

shadcn/ui

126k+

Beautifully designed, accessible components that you can copy and paste directly into your apps. Built with Radix UI and Tailwind CSS.

AccessibilityCopy & PasteHeadless+3
AccessibilityDetails

Related Guides