Ship Beautiful Experiences Faster Than Your Competition

Everything You Need to Craft
pixel perfect
pixel perfect
UI

Curated Resources

A collection of tools, libraries, and resources for modern interface design.

Finding Inspiration

Landing Page Templates

AI-Powered Design

Install a Design System

Design Engineering

Design Engineer portfolios

Component Libraries

Great UI

Premium React components built with Tailwind CSS, ready to copy, paste, and ship.

moumenlab

Focused React and Tailwind components rethought for better feel, with copy-ready source and a shadcn registry.

Rare UI

Rare, animated components with copy-ready shadcn CLI installation.

Bklit UI

Design-engineered charts and components with crisp dark-mode visuals.

Fluid Functionalism

Refined UI components with satisfying hover states and polished interaction details.

Remocn

Copy-paste Remotion components, transitions, and animated backgrounds for shadcn projects.

beUI

Motion-first components for React and Tailwind with a distinctive pixel-heavy presentation.

Extend UI

Open-source UI kit for document-heavy apps, agents, and internal tools.

21st Century Components

Next-generation UI components

Watermelon UI

High-quality React components registry with production-ready UI systems, dashboards, and blocks.

Magic UI

Beautiful React components with Tailwind

Aceternity UI

Modern UI components and templates

Kibo UI

Advanced components for shadcn/ui

Motion Primitives

Beautiful, animated components

Tailark

Shadcn/UI Marketing Blocks

LnDev UI

Clean library of motion components

Square UI

Beautifully crafted open-source layouts built with shadcn/ui

MVP Blocks

Beautiful UI components with Tailwind

Efferd App Shells

Shadcn app shell blocks with ready-made sidebars, navbars, and dashboard scaffolds

Origin UI

Beautiful components with Tailwind

Bundui

Motion components, copy-paste ready

Fancy Components

Fun components for micro-interactions

Prism UI

Customizable library on shadcn/ui

UILabs

Modern UI components

Style UI

Customizable components

UIVerse

Component marketplace

Luxe

Copy-paste beautiful components

Catalyst

Premium Tailwind CSS components

HeadlessUI

Accessible UI primitives

ReactBits

Highly customizable animated components that make your React projects truly stand out

EvilCharts

React chart library with animated components built on shadcn/recharts

REUI

Modern React components library

Prompt Kit

High-quality, accessible, and customizable components for AI interfaces

Tailus

Highly customizable React components for crafting modern, personalized websites and applications.

Blocks.so

Clean, modern building blocks. Copy and paste into your apps. Works with all React frameworks

ElevenLabs UI

A collection of Open Source agent and audio components that you can customize and extend

8bitcn

Retro 8-bit styled components for creating nostalgic, pixel-art themed applications

BaseCN

Foundational base components and primitives for shadcn/ui projects

DiceUI

Modern UI components with a focus on interactive and dynamic interfaces

Elements

Curated collection of essential UI elements and components

FormCN

Specialized form components and validation utilities for shadcn/ui

HexTA UI

Modern component library with hexagon-themed design elements

Intent UI

Purpose-driven components designed for specific use cases and user intents

Kokonut UI

Interactive and animated components built with shadcn/ui architecture

Kanpeki

Polished, production-ready components with attention to detail and perfection

Cult UI

Curated premium components with a focus on quality and design excellence

Eldora UI

Elegant and refined UI components for modern web applications

HA Components

Custom component collection with unique design patterns

Lens Blocks

Component blocks designed for Lens protocol and social media applications

Limeplay

Playful and interactive components for engaging user experiences

Systaliko UI

Systematic and organized component library with consistent design patterns

ROI UI

Business-focused components optimized for conversion and user engagement

Solace UI

Comfortable and intuitive components designed for ease of use

Smooth UI

Super Smooth UI Components for Every Team

Shadcn Blocks

Pre-built component blocks and sections built with shadcn/ui

Shadcn Design

Design system, templates, and design resources for shadcn/ui projects

Shadcn Studio

Visual workspace and builder for creating shadcn/ui components

Shadcn Editor

Rich text editor and content editing components for shadcn/ui

ShadcnUI Blocks

Comprehensive collection of copy-paste blocks for shadcn/ui

Spectrum UI

Wide spectrum of components covering diverse use cases and styles

PatternCraft

Professional-grade background patterns and gradients. Easily copy the code and seamlessly integrate it into your projects. Crafted with modern CSS and Tailwind

Taki UI

Accessible components combining React Aria with shadcn design tokens

UtilCN

Utility components and helper functions for shadcn/ui development

Wandry UI

Custom UI components with unique design aesthetics

Wigggle UI

Open-source collection of copy-paste widgets compatible with shadcn/ui

ZippyStarter

Rapid starter templates and components built with shadcn/ui, Tailwind, and React

Divs

Webflow component library for rapid development

CoverFlow

iOS-like Cover Flow for React. Fluid, physical motion with zero layout shifts

Componentry

Refined, animated React primitives for premium product UI

Code Blocks

Beautiful code block components and utilities to show your snippets beautifully

MapCN Blocks

Beautifully crafted map examples for common use cases — drop in, customize, and ship

Markdown Graphs

Copy-ready ASCII data visualizations for shadcn projects, including tables, flows, bars, timelines, and more.

Animation & Motion

Interior.dev

A thoughtful component library for the small moments between states, with resilient and accessible motion patterns.

Amicro

Curated premium micro-interactions and transition components for React, installable with a single CLI command.

Text Motion

Text animation presets and patterns for polished motion-heavy interfaces.

Text-to-Lottie

Open-source harness for generating production-ready Lottie animations with coding agents.

super-hover

Tiny utility library that keeps hover state accurate while the page scrolls or elements move.

Thinking Orbs

Dotted thinking indicators with six animated states for AI and agent interfaces.

Sileo

Opinionated physics-based toast library with SVG filters and frame-friendly motion optimization.

Velvet UI

Interface sound studies for making UI moments feel intentional, tactile, and calm.

Transitions.dev

Copy-paste transition patterns for web app states, cards, numbers, menus, modals, and badges.

glimm

React and Next.js library for shader-driven route or state transitions with a GPU-composited WebGL sweep, under 10 KB with zero performance impact.

Loading UI

Open-source collection of spinners, loaders, and loading-state animations.

Loaders.wtf

Open-source loader builder for crafting expressive, configurable loading states.

Rive

Interactive design tool with stateful graphics format and multi-platform runtime

AnimeJS

JavaScript animation engine

Tegaki

Handwriting animation for any font with support for React, Vue, Svelte, Astro, and Web Components

Unicorn Studio

Create motion and interaction without code

Efecto

CSS effects and animations collection

Torph

Fluid text morphing components with smooth transitions

Icon Libraries

Utility Tools

Ready to Start Building?

Explore the component libraries to find the perfect building blocks for your next project.