Uiverse
FreeThe largest library of open-source UI elements, built by a community of designers and developers.
Uiverse is a community-driven library of open-source UI elements that helps developers and designers build polished interfaces without starting from scratch. It hosts thousands of community-made components—from buttons and loaders to cards, forms, and patterns—that can be copied as HTML/CSS, Tailwind, React, or Figma. Every element is free for personal and commercial use under the MIT license, and approved submissions are mirrored to the public Uiverse Galaxy GitHub repository.
What is it
A community-built library of open-source UI elements for web projects.
What it can do
Browse, preview, and copy thousands of components in HTML/CSS, Tailwind, React, and Figma formats without signing up.
Who is it for
Frontend developers, indie hackers, designers, students, and teams who need ready-made UI components for prototypes, side projects, or production interfaces.
Key Features
Open-Source UI Library
Browse 7,357+ community-made UI elements spanning buttons, cards, loaders, checkboxes, forms, tooltips, patterns, and more. Each element is contributed by independent creators and reviewed before appearing on the platform.
Multi-Format Copy
Copy any element as plain HTML/CSS, Tailwind classes, React markup, or paste it directly into Figma. This lets designers and developers use the same asset in both design files and production code.
Curated Collections
Explore themed groups such as Loading UI, Button Effects, Card Components, Modern Styles, Forms & Inputs, and Tooltips & Patterns to find components for common interface needs quickly.
Community Contribution Pipeline
Designers and developers submit elements through Uiverse.io. Once approved, each submission is automatically committed to the Uiverse Galaxy GitHub repository, giving the community an open archive of components.
Use Cases
Rapid prototyping
Frontend developers copy buttons, inputs, and cards into a new project in minutes instead of writing CSS from scratch, speeding up early iterations.
Landing page buildouts
Indie hackers and marketers assemble polished hero sections, feature cards, and call-to-action buttons for marketing sites without hiring a designer.
Design system seeding
Small teams use Uiverse components as a starting baseline for a component library, then customize colors, spacing, and typography to match their brand.
Learning CSS and Tailwind
Students and junior developers inspect real-world component code, animations, and keyframes to learn modern layout and styling techniques.
Pricing plans
Free to use
This tool is listed as free. There is no paid pricing page to show here—visit the official site for any usage limits, quotas, or terms of service.
Frequently Asked Questions
Discussion
No comments yet. Be the first to start the thread.