UI & Design
/ui-design • 34 verified resources
Component libraries, design systems, icons, color palettes, mockups, and typography.
Beautifully designed components that you can copy and paste into your apps.
An open source collection of animated React components and effects.
50+ open-source animated components built with React, Typescript, and Tailwind.
Copy paste the most trending components and use them in your websites.
Unstyled, accessible UI components for building high-quality design systems.
A utility-first CSS framework packed with classes that can be composed directly in markup.
Beautiful & consistent icons made by the community, fork of Feather Icons.
A set of 450+ free MIT-licensed high-quality SVG icons by the Tailwind CSS team.
Over 5,200 free and open source pixel-perfect icons for web design.
A flexible icon family for interfaces, diagrams, presentations.
The largest open-source library of 3,000+ community-made UI elements in CSS and Tailwind.
Free open source Tailwind CSS components for marketing, eCommerce, and application UI.
Open-source UI component library built on top of Tailwind CSS with interactive JS.
The most popular component library for Tailwind CSS with semantic class names.
Completely unstyled, fully accessible UI components by the Tailwind Labs team.
A fully featured React component library with 100+ customizable components and hooks.
Simple, modular and accessible component library that gives you building blocks for React.
Production-ready animation library for React, JavaScript, and modern web.
Ultra high-performance professional-grade animation for the modern web.
The super fast color palettes generator for designers and developers.
Visualize your color palette on a real website mockup in real-time.
Curated color palettes with real-world website context by Mackenzie Child.
Free font service featuring high-quality professional typefaces by Indian Type Foundry.
Self-host Open Source fonts via simple npm packages with zero CDN latency.
The authoritative catalog of 1,500+ free open-source font families.
Open-source illustration collection with customizable color schemes.
Generate beautiful fluid mesh gradients and export as CSS or high-res PNG.
The open-source web-based design and prototyping platform built on web standards.
Design and collaborate in 3D for the web with interactive events and code export.
Curated design guidelines, patterns, and principles for product creators.
Discover real-world design inspiration from world-class mobile and web apps.