Find the perfectUI Component Kit
Explore and compare verified UI libraries, design systems, and frontend assets to build better web products faster.
23rd
An open-source shadcn/ui registry of opinionated, tasteful components by radiumcoders — WebGL shaders, playful 404s, and interactive showpieces you copy, paste, and own.
Duolingo UI (ShadLingo)
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.
Rewamp UI
A copy-paste React component library featuring highly interactive, physics-driven Framer Motion and Three.js WebGL components built with Tailwind CSS 4.
ObsidianUI
An open-source React component library featuring 100+ expressive animated components, cursor effects, and WebGL canvas shaders built with Tailwind CSS and Motion.
Watermelon UI
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.
nxui (Vue)
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.
Kinetics (Colorion)
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.
Ambient CSS
A physics-based lighting system for CSS calibrated against Blender raytraces. Define a light source, and all shadows, highlights, and gradients follow deterministically.
8bitcn/ui
Accessible retro 8-bit components and blocks built on shadcn/ui and Tailwind CSS. Open source, copy-paste, and crafted for modern React apps.
Evil Charts
Animated React chart components built with Recharts, Apache ECharts, and shadcn/ui. Dual-engine architecture with fluid motion and glow aesthetics.
Great UI
A curated collection of beautiful, copy-paste React components built with TypeScript, Tailwind CSS v4, and Motion for crafting premium interfaces instantly.
Astryx (Meta)
Meta's open source enterprise design system and React 19 component library with 170+ accessible components, StyleX integration, and agent-ready tooling.
remocn
A copy-paste component library for Remotion. Build promotional and product demo videos with your AI coding agent using modular React primitives.
Amicro
A curated collection of premium React micro-interactions, transition primitives, and card layouts powered by Motion and Tailwind CSS.
pdfcn
A collection of beautifully designed, accessible, and customizable PDF components for React. Built on Takumi and Forme, distributed via the shadcn CLI.
Animated Icons
Over 3,600+ beautifully animated Lucide, Iconoir, and Heroicons with interactive hover triggers, dual-tone color palettes, and React support.
Svelte Bits
An open-source collection of animated UI components, interactive backgrounds, and kinetic text effects built specifically for Svelte 5 and SvelteKit.
Remix Icon
An open-source neutral-style icon system elaborately crafted for designers and developers. Features 2,800+ icons in outline and filled styles.
Honest UI
A source-first React component library with expressive animations, WebGL shaders, physical interactions, and dynamic visual charts.
Soundcn
A curated library of 800+ micro-interaction sound effects for React and shadcn, bringing tactile audio feedback to web buttons, toggles, and notifications.
Afterglow
A complete retro terminal UI system for shadcn, featuring Base UI accessible components, CRT phosphor themes, and command-line aesthetics.
Better Auth UI
A plug-and-play UI component library tailored for Better Auth, providing beautiful login, registration, 2FA, passkey, and session management forms.
Snapcn
An open-source Remotion video component registry for React. Install text reveals, karaoke captions, device mockups, and video scenes directly with the shadcn CLI.
Plate.js
The rich text editor framework for React and Slate. Features 50+ modular plugins, shadcn/ui-styled components, and native AI copilot integration.
ProseKit
A fast, lightweight, framework-agnostic rich text editor framework built on ProseMirror. First-class support for React, Vue, Svelte, and Solid.
SVGL (SVG Logo Library)
A beautiful library of SVG brand logos and developer tech stack icons. Features quick vector copying, component code generation, and a public API.
shadcn maps
Interactive SVG map components designed for React and shadcn/ui. Featuring 170+ country and region maps, hover tooltips, and 1-command CLI installation.
Tetra UI
A modern React component library built with Tailwind CSS and Radix UI primitives. Designed for clean aesthetics, accessibility, and high performance.
AniUI
A collection of 100+ modern animated UI components built with React, Tailwind CSS, and Framer Motion. Copy and paste into your apps.
Inspora (Visual Design Gallery)
A curated visual design archive celebrating creative agency websites, bold typography, art-directed social graphics, and experimental UI layouts.
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.
Design Spells (UI Micro-Interactions)
A curated collection of micro-interactions and design details that feel like magic, celebrating delightful craftsmanship in modern software.
Mobbin (Mobile & Web UI Design Library)
The world's largest mobile and web design reference library. Save hours of research with 300,000+ real-world screenshots, user flows, and UI patterns.
Swiped Design
A curated swipe file aggregating top-performing design posts, UI teardowns, typography insights, and visual discussions from X and LinkedIn.
Curated Design
A high-quality web design inspiration directory curated by Faris. Showcases bold typography, creative layouts, 3D interactive graphics, and top Framer templates.
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.
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.
60fps (UI/UX Animation Inspiration)
A curated design gallery capturing delightful UI/UX animations and micro-interaction details from best-in-class iOS, Android, and web applications.
B2TF (Vintage Mobile App Directory)
A curated design directory celebrating vintage mobile app aesthetics. Features classic skeuomorphism, retro hardware dials, CRT displays, and timeless UI design.
Anime.js
A fast, lightweight, and versatile JavaScript animation engine. Powers smooth CSS, SVG, DOM, and JS object animations with intuitive timeline chaining.
GSAP (GreenSock Animation Platform)
The industry standard JavaScript animation library built for professionals. Ultra-high performance, robust timeline control, and zero framework constraints.
Chinese Web Font
A full-stack open-source web typography solution for Chinese characters (CJK), enabling sub-second font loading via multi-threaded splitting (cn-font-split) and global CDN distribution.
Free Font (免费商用字体)
A comprehensive directory of free-for-commercial-use Chinese and English typefaces curated by Kenny Wang (jaywcjlove), categorized by Hei, Song, Kai, and display styles.
Google Fonts
The world's largest open-source library of free web fonts and icons, delivered via high-performance global CDN with variable font support.
Free Faces Gallery
A masterfully curated gallery of beautiful, character-rich typefaces under free and open licenses, sorted into Cursive, Display, Monospace, Sans, Serif, and Slab.
Best Free Fonts
A curated directory of top-tier free and open-source fonts for designers and developers, complete with in-browser type testing, font pairings, and license verification.
AntV
Alibaba's data visualization ecosystem: G2 grammar of graphics, G6 graph analysis, L7 geospatial maps, X6 diagramming, S2 tables, and F2 mobile charts. Battle-tested at enterprise scale.
Evil Buttons
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.
Koboyo Icons
A free library of 135,610 hand-drawn SVG icons with synonym-aware search, currentColor support, and no attribution required. Framework-agnostic and instantly copyable.
Mapcn
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.
Lucide Animated
A popular open-source library of 350+ beautifully crafted animated React icons built with Lucide and Motion. Copy-paste ready with shadcn CLI support.
Hover Icons (itshover)
A collection of 180+ interactive, hover-animated vector icons with physics-based spring transitions and micro-interactions for modern React applications.
Collect UI
A vast, categorized platform of 14,000+ hand-picked daily UI inspirations and user interface design patterns across 160+ UI categories.
Fancy Components
A curated collection of playful, creative animated React components (Letter Scramble, Physics Cards, Floating Particles) built with Tailwind & Motion.
Motion Primitives
A curated library of animated, customizable React components and layout primitives built with Framer Motion and Tailwind CSS by ibelick.
Number Flow
A high-craft animated number component with smooth spring physics, automatic formatting, currency symbols, and multi-framework support (React, Vue, Svelte).
Rare UI
A curated collection of rare, animated React components and creative UI widgets (Fluid Orb, Gravity Letters, Duration Picker, OTP inputs) for Next.js & Tailwind.
Refero Design
A vast UX/UI intelligence and design research platform with 142,000+ indexed real-world product screens, interaction flows, and AI MCP agent integrations.
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.
Logo Generator Skill
An open-source AI coding agent skill that designs professional SVG logos, brand marks, and high-resolution presentation showcases directly through LLM prompts.
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.
Recent Design
A premier daily-updated gallery of web design, UI/UX, typography, motion, and visual experiments from elite designers and studios worldwide. The evolution of Godly.
Fluid Functionalism
Functional motion and spring-tuned UI components designed to communicate interface state changes rather than acting as mere decoration. Built for shadcn/ui.
Reicon
A free, open-source SVG icon and illustration ecosystem for designers and developers with 3,900+ icons, 71,000+ illustrations, multi-framework support, and AI MCP integration.
Kumo UI (Cloudflare)
Cloudflare's official modern React component library built on Base UI primitives, featuring semantic design tokens and built-in accessibility.
beUI
A modern animated component library and registry for React and Next.js applications styled with Tailwind CSS and Motion.
Beautiful UI
A taste layer and design rulebook for AI coding assistants (Claude Code, Cursor, Codex) to eliminate AI-slop frontend designs.
Extend UI
Open-source React component library and shadcn registry designed for AI document workflows, file agents, and parsing dashboards.
Icons0
Fast semantic icon search engine designed for developers and AI coding agents. Instant vector icon previews and multi-framework exports.
Animate UI
A modern animated component registry for React and Tailwind CSS. Features animated icons, interactive buttons, and kinetic text effects.
Paper Shaders
A collection of zero-dependency WebGL shader components for React. Add mesmerizing generative shader backgrounds in seconds.
Zelda Hyrule UI
A Zelda: Breath of the Wild-inspired React UI library with 84+ components, Sheikah Slate glow effects, and AI-consumable design specs.
Animal Island UI
A charming Animal Crossing-inspired UI component library for React and Vue. Features organic organic shapes, claymorphism, and playful bounces.
NeonBlade UI
A futuristic cyberpunk React component library built with Tailwind CSS and Framer Motion for sci-fi web experiences.
Performative UI
A satire-driven collection of hype-aesthetic components parodying high-velocity tech startups and Silicon Valley landing pages.
Eldora UI
A collection of re-usable animated components, blocks, and templates built with React and Tailwind CSS for modern landing pages.
visx (Airbnb)
Airbnb's collection of expressive, low-level visualization primitives for React. Combines the power of D3 with the joy of React.
Tremor
The standard open-source React component library for building modern dashboards and analytics interfaces with Tailwind CSS.
TanStack Chart
Headless, framework-agnostic charting and visualization primitives by Tanner Linsley and the TanStack team.
Apache ECharts
A powerful, interactive charting and data visualization library for browser with 64k+ stars. Supports 2D, 3D, and millions of data points.
Recharts
A redefined, declarative chart library built with React and D3. The most popular React charting package with 27k+ stars.
Park UI
A universal component library built on Ark UI state machines with support for Panda CSS and Tailwind CSS across React, Vue, and Solid.
Headless UI
Completely unstyled, fully accessible UI components by Tailwind Labs, designed to integrate seamlessly with Tailwind CSS.
React Aria
Adobe's library of unstyled React hooks and components that provide accessible UI primitives for design systems and apps.
Cult UI
A curated library of animated React components styled with Tailwind CSS, Framer Motion, and shadcn tokens for ambitious builders.
React Bits
A massive open-source collection of 100+ animated React components, text effects, backgrounds, and interactive cards with 46k+ stars.
Bklit UI
Customizable charts and data visualization primitives for React built with Visx, Motion, and shadcn/ui registry support.
Animata
Hand-crafted animated React components styled with Tailwind CSS. Copy-paste animations, cards, buttons, and bento grids.
Transitions.dev
Curated collection of smooth CSS View Transitions and page transitions for modern web frameworks and Astro sites.
Uiverse.io
The largest open-source library of 3,000+ community-made UI elements in pure CSS, Tailwind, and React. 100% free for commercial use.
Ant Design Vue
The official Vue 3 implementation of Ant Design. 60+ components with comprehensive TypeScript support and enterprise polish.
OpenTiny (TinyVue)
Huawei Cloud's enterprise design system and cross-framework component suite supporting Vue 2, Vue 3, and Mobile with 100+ components.
Arco Design Vue
ByteDance's open-source enterprise design system implementation for Vue 3. 60+ components with dark mode and theme studio.
Quasar Framework
Build high-performance Vue.js applications for SPA, PWA, SSR, Mobile (Capacitor/Cordova), and Desktop (Electron) from a single codebase.
Naive UI
A clean, fast, and highly customizable Vue 3 component library. 80+ components with complete TypeScript coverage and zero CSS file imports.
PrimeReact
A complete suite of 90+ enterprise React UI components. Features advanced DataTables, form builders, and Tailwind unstyled mode.
PrimeVue
Next-generation Vue UI component suite with 90+ rich components, unstyled mode, and complete Tailwind CSS preset support.
Nuxt UI
A UI library for modern Vue and Nuxt applications. Powered by Tailwind CSS and Reka UI (Radix Vue) for full accessibility.
Vuetify
The most popular Material Design component framework for Vue 3. 80+ crafted components, dynamic layouts, and responsive grid.
Phosphor Icons
A flexible icon family for interfaces, diagrams, and presentations. 9,000+ icons across 6 cohesive weights (Thin to Fill).
React Icons
Include popular icons in your React projects easily with SVG imports from FontAwesome, Material Icons, Feather, Tabler, and Lucide.
Morphicons
Dynamic morphing animated icons library for modern web applications. Smooth SVG vector interpolations between states.
gluestack-ui
Universal, accessible component library for React Native and Web styled with Tailwind CSS (NativeWind).
React Native Paper
Material Design 3 component library for React Native by Callstack. Cross-platform, highly accessible, and customizable.
Panel UI
Open-source, high-performance React Native component library designed for Expo with 110+ typed component modules and zero native binaries.
HeroUI Native
A modern React Native component library inspired by HeroUI / NextUI for iOS and Android. Fast, accessible, and styled with Tailwind.
React Spring
Spring-physics-based animation library for React by Poimandres (pmndrs). Natural, fluid, and interruption-safe motion.
Tamagui
Universal UI system and component kit for React Native and Web with an optimizing compiler for zero-runtime performance.
Cloudscape Design System
Amazon Web Services (AWS) open-source design system built for web applications, cloud management consoles, and high-density portals.
Primer React
GitHub's official design system implementation for React. Crisp, accessible, and structured for developer workflows.
Ring UI
JetBrains' open-source web UI components library powering products like YouTrack, Hub, and TeamCity.
Semi Design
ByteDance's modern enterprise design system and React component library with powerful theme customization and Figma sync.
Fluent UI React
Microsoft's official enterprise design system implementation for React (Fluent 2). Built for massive scale and accessibility.
coss UI
The official open-source design system of Cal.com. Modern, minimal, copy-paste React components styled with Tailwind CSS.
Mantine
A comprehensive React component library with 100+ customizable components, 50+ built-in hooks, and dedicated form management.
Chakra UI
Simple, modular, and accessible component library providing essential building blocks for fast React and Next.js applications.
Base UI
Unstyled, accessible React component primitives from the creators of Radix, Floating UI, and Material UI. Pure customizability with zero styling opinions.
Material UI (MUI)
An open-source React component library implementing Google's Material Design. Comprehensive, production-ready, and highly customizable.
copywriting (Marketing Skills)
High-converting marketing copywriting skill for crafting crystal-clear value propositions, punchy headlines, and fluff-free landing page copy.
ui-ux-pro-max
Comprehensive UI/UX design intelligence skill covering conversion ergonomics, user flow optimization, and spatial layout mastery.
web-design-guidelines (Vercel)
Vercel's official engineering design guidelines for AI coding agents, enforcing clean layouts, responsive typography, and tactile feedback.
design-taste-frontend
The anti-slop frontend taste skill featuring the Three Dials configuration (Variance, Motion, Density) and design system mapping.
frontend-design (Anthropic)
Official Anthropic coding agent skill for creating distinctive, high-taste frontend web interfaces without generic AI aesthetic slop.
TDesign
Tencent's official enterprise design system. Multi-framework, multi-platform, and battle-tested across thousands of business scenarios.
Motion (Framer Motion)
The complete animation library for React and the web. Silky smooth spring physics, layout animations, and gesture support.
Lucide Icons
Beautiful & consistent open-source icon library. An actively maintained community fork of Feather Icons supporting React, Vue, Svelte, and more.
Ark UI
Universal headless UI components powered by Zag.js state machines. Works seamlessly across React, Vue, and Svelte.
Arco Design
ByteDance's comprehensive enterprise design system and component library, supporting both React and Vue with flexible theme token algorithms.
HeroUI (NextUI)
Beautiful, fast and modern React UI library with built-in Tailwind CSS and silky smooth spring animations (formerly NextUI).
daisyUI
The most popular component library for Tailwind CSS. Pure semantic class names, zero JS runtime overhead, and 30+ themes built-in.
Element Plus
A Vue 3 based component library for designers and developers. The gold standard for Vue enterprise admin dashboards.
Ant Design
An enterprise-class UI design language and React component library with a massive ecosystem and world-class enterprise adoption.
Radix UI Primitives
Unstyled, accessible UI components for building high-quality design systems and web apps in React. The foundation of shadcn/ui.
Aceternity UI
Trending copy-paste components with stunning 3D visual effects, card spotlights, and glowing gradients for modern web design.
Magic UI
Over 50+ animated UI components built with React, TypeScript, Tailwind CSS, and Motion (Framer Motion). Perfect for modern landing pages.
shadcn/ui
Beautifully designed, accessible components that you can copy and paste directly into your apps. Built with Radix UI and Tailwind CSS.
Architecture & UI Selection Guides
Deep dives comparing Headless primitives, styled kits, and Copy-Paste UI paradigms.
Headless vs Pre-styled UI Libraries: The 2026 Guide
A practical comparison of Radix, Ark UI, Ant Design, and HeroUI for different project needs.
Why Copy-Paste UI Became Popular
Looking at how distributing component code directly into projects changed styling workflows and customization.
Submit an open-source resource
Know a great UI library, icon set, font, motion kit, or agent skill? Submit it below.