A collection of tools, libraries, and resources for modern interface design.
Web design inspiration catalog
Daily user interface inspiration curated by design makers
Curated landing page inspiration
SaaS website inspiration
Navigation bar design inspiration
Call-to-action section examples
UI design inspiration gallery
Figma website templates and user journeys
Discover world-class design inspiration
Leading platform for showcasing creative work
Daily landing page templates built in public
300+ Figma components and gradients, updated daily
Animated elements gallery
Daily curation of the best designs shared on X
Discover real-world iOS & Web design inspiration
Brand identity inspiration gallery
Icon library and icon design inspiration
Design system component references
Endless collection of delightful details from best-in-class apps
Visual builder for polished landing page blocks and copy-ready shadcn sections.
Curated landing page templates and resources
Official Framer marketplace for templates
Framer templates on Creative Market
Curated Framer landing page templates
Premium Framer templates collection
SaaS landing page templates for Framer
High-quality Framer templates
Framer templates by Green Yang
Industry-specific landing page templates
400+ free AI HTML templates with reusable design systems and DESIGN.md source for Claude Design.
AI-powered UI generation with professional polish
Generate 10 designs in parallel for rapid exploration
Visual React editor - 'Cursor for Designers'
Generate designs in seconds and export to HTML or Figma.
The ultimate resource for design engineers
Learn the theory and practice behind great animations
Interactive SVG animations course
Interactive reference manual for interaction-curious designers
A working library for those committed to designing with uncommon care
Design engineer portfolio and project lab focused on intentional, meaningful interface work.
London design engineer exploring user interfaces, prosumer productivity apps, and developer tools.
Open-source design engineer portfolio with a polished personal site, shadcn registry, and blog built around pixel-perfect front-end craft.
Software engineer and designer sharing polished product experiments, interface work, and design studio craft.
Design engineer portfolio mixing interaction experiments, thoughtful essays, and a strong point of view on making interfaces feel better.
Premium React components built with Tailwind CSS, ready to copy, paste, and ship.
Focused React and Tailwind components rethought for better feel, with copy-ready source and a shadcn registry.
Rare, animated components with copy-ready shadcn CLI installation.
Design-engineered charts and components with crisp dark-mode visuals.
Refined UI components with satisfying hover states and polished interaction details.
Copy-paste Remotion components, transitions, and animated backgrounds for shadcn projects.
Motion-first components for React and Tailwind with a distinctive pixel-heavy presentation.
Open-source UI kit for document-heavy apps, agents, and internal tools.
Next-generation UI components
High-quality React components registry with production-ready UI systems, dashboards, and blocks.
Beautiful React components with Tailwind
Modern UI components and templates
Advanced components for shadcn/ui
Beautiful, animated components
Shadcn/UI Marketing Blocks
Clean library of motion components
Beautifully crafted open-source layouts built with shadcn/ui
Beautiful UI components with Tailwind
Shadcn app shell blocks with ready-made sidebars, navbars, and dashboard scaffolds
Beautiful components with Tailwind
Motion components, copy-paste ready
Fun components for micro-interactions
Customizable library on shadcn/ui
Modern UI components
Customizable components
Component marketplace
Copy-paste beautiful components
Premium Tailwind CSS components
Accessible UI primitives
Highly customizable animated components that make your React projects truly stand out
React chart library with animated components built on shadcn/recharts
Modern React components library
High-quality, accessible, and customizable components for AI interfaces
Highly customizable React components for crafting modern, personalized websites and applications.
Clean, modern building blocks. Copy and paste into your apps. Works with all React frameworks
A collection of Open Source agent and audio components that you can customize and extend
Retro 8-bit styled components for creating nostalgic, pixel-art themed applications
Foundational base components and primitives for shadcn/ui projects
Modern UI components with a focus on interactive and dynamic interfaces
Curated collection of essential UI elements and components
Specialized form components and validation utilities for shadcn/ui
Modern component library with hexagon-themed design elements
Purpose-driven components designed for specific use cases and user intents
Interactive and animated components built with shadcn/ui architecture
Polished, production-ready components with attention to detail and perfection
Curated premium components with a focus on quality and design excellence
Elegant and refined UI components for modern web applications
Custom component collection with unique design patterns
Component blocks designed for Lens protocol and social media applications
Playful and interactive components for engaging user experiences
Systematic and organized component library with consistent design patterns
Business-focused components optimized for conversion and user engagement
Comfortable and intuitive components designed for ease of use
Super Smooth UI Components for Every Team
Pre-built component blocks and sections built with shadcn/ui
Design system, templates, and design resources for shadcn/ui projects
Visual workspace and builder for creating shadcn/ui components
Rich text editor and content editing components for shadcn/ui
Comprehensive collection of copy-paste blocks for shadcn/ui
Wide spectrum of components covering diverse use cases and styles
Professional-grade background patterns and gradients. Easily copy the code and seamlessly integrate it into your projects. Crafted with modern CSS and Tailwind
Accessible components combining React Aria with shadcn design tokens
Utility components and helper functions for shadcn/ui development
Custom UI components with unique design aesthetics
Open-source collection of copy-paste widgets compatible with shadcn/ui
Rapid starter templates and components built with shadcn/ui, Tailwind, and React
Webflow component library for rapid development
iOS-like Cover Flow for React. Fluid, physical motion with zero layout shifts
Refined, animated React primitives for premium product UI
Beautiful code block components and utilities to show your snippets beautifully
Beautifully crafted map examples for common use cases — drop in, customize, and ship
Copy-ready ASCII data visualizations for shadcn projects, including tables, flows, bars, timelines, and more.
A thoughtful component library for the small moments between states, with resilient and accessible motion patterns.
Curated premium micro-interactions and transition components for React, installable with a single CLI command.
Text animation presets and patterns for polished motion-heavy interfaces.
Open-source harness for generating production-ready Lottie animations with coding agents.
Tiny utility library that keeps hover state accurate while the page scrolls or elements move.
Dotted thinking indicators with six animated states for AI and agent interfaces.
Opinionated physics-based toast library with SVG filters and frame-friendly motion optimization.
Interface sound studies for making UI moments feel intentional, tactile, and calm.
Copy-paste transition patterns for web app states, cards, numbers, menus, modals, and badges.
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.
Open-source collection of spinners, loaders, and loading-state animations.
Open-source loader builder for crafting expressive, configurable loading states.
Interactive design tool with stateful graphics format and multi-platform runtime
JavaScript animation engine
Handwriting animation for any font with support for React, Vue, Svelte, Astro, and Web Components
Create motion and interaction without code
CSS effects and animations collection
Fluid text morphing components with smooth transitions
Generate and refine production-ready interface assets for modern web projects.
Convert CSS to Tailwind
React SaaS website blocks
Font pairing tool with one-command setup for polished type systems
Copy-paste UI sound effects for web and mobile applications
Explore the component libraries to find the perfect building blocks for your next project.