Uiverse Design

Uiverse Design: Largest library of open-source UI elements — copy as HTML/CSS, Tailwind, React, Figma. Free for commercial use.

Last verified:

Visit Uiverse Design

What is Uiverse Design?

Uiverse Design is the largest community-built library of open-source UI elements with 6,700+ components. Browse and copy UI elements as HTML/CSS, Tailwind, React, and Figma. Features Buttons (1,950+), Cards, Loaders, Inputs, Forms, Patterns, and more — all free under MIT License. Includes AI Design Systems for generating custom UI components.

Uiverse Design pricing

Pricing model: Freemium

100% free for personal and commercial use. All UI elements are open-source under MIT License with no paid plans. Free tier includes access to all 6,725+ community-made UI elements, unlimited copying and usage, HTML/CSS, Tailwind, React, and Figma code formats, no ads, and full customization rights. No subscription or fees required.

Uiverse Design pros

  • 6,725+ community-made UI elements available
  • 100% free for personal and commercial use
  • Copy code as HTML/CSS, Tailwind, React, and Figma
  • Figma Copy & Paste creates editable layers
  • MIT License allows unrestricted use and modification
  • Extensive category coverage including Buttons, Checkboxes, Cards, Loaders
  • 1,950+ button options for variety
  • TailwindCSS compatibility built-in
  • No JavaScript required - CSS only elements
  • Browse by tags for quick finding
  • 207,085 contributors to the community
  • Active Discord community for designers and developers
  • GitHub repository with archive of all elements
  • Top creators with high-quality submissions tracked
  • Sleek UI interface for easy browsing
  • Save hours of building custom UI components
  • Completely open-source and community-driven
  • New categories added including Forms and Tooltips

Uiverse Design cons

  • JavaScript not allowed in submissions
  • No external resources like images or fonts permitted
  • Strict uniqueness requirements reject similar designs
  • One element per post only - no multi-element posts
  • No global styling - must use class names
  • XSS attempts result in immediate ban
  • SVG must be small and simple, not main focus
  • No CSS browser prefixes allowed
  • Duplicate or similar posts to existing ones rejected
  • Tags must be related to post content

Frequently asked questions about Uiverse Design

What is Uiverse and what does it do?

Uiverse is the largest library of open-source UI elements with 6,725+ community-made components. It allows users to copy UI elements as HTML/CSS, Tailwind, React, and Figma for use in websites, apps, and Dapps. The platform saves developers hours of building and customizing UI components.

Is Uiverse free to use?

Yes, Uiverse is 100% free for both personal and commercial use. All UI elements are published under the MIT License, which grants freedom to use, copy, modify, merge, publish, distribute, sublicense, and sell copies without any restrictions or fees.

What UI element categories are available?

Uiverse offers 10 categories: Buttons (1,950+), Checkboxes (248+), Toggle switches (354+), Cards (1,076+), Loaders (908+), Inputs (293+), Radio buttons (146+), Forms (224+), Patterns (140+), and Tooltips (99+). New categories like Forms and Tooltips were added in Uiverse 2.0.

What code formats can I copy?

You can copy UI elements in four formats: HTML/CSS, Tailwind, React, and Figma. The Figma Copy & Paste feature transforms designs into editable layers for streamlined design workflow.

Can I use Uiverse elements in commercial projects?

Yes, absolutely. Under the MIT License, you can use all UI elements for commercial projects without restrictions. The license explicitly permits commercial use, modification, distribution, and selling of copies.

What are the submission guidelines for contributing?

Key guidelines include: add hover/focus/active states, use em units for sizing, keep SVG small and simple, define CSS variables in component scope, use accessible colors with good contrast, create unique designs beyond simple color changes, use English or Lorem ipsum text, follow design rules, keep shadows light, and submit one element per post. JavaScript is not allowed.

Why are my UI element submissions rejected?

The most common reason for rejection is lack of uniqueness. Submissions must stand out through thoughtful design, high-quality implementation, or innovative approaches. Duplicate or too-similar posts to existing Uiverse elements are rejected. Other rejection reasons include using JavaScript, external resources, global styling, unrelated tags, CSS browser prefixes, or improper element sizing.

How do I join the Uiverse community?

You can join the Discord community, which is an open space for UI designers and developers to discuss UI, UX, programming, and related topics. You can also contribute by submitting UI elements following the guidelines, and access the GitHub repository (uiverse-io/galaxy) for the complete archive.

What is Uiverse Galaxy?

Uiverse Galaxy is the largest Open-Source UI Library available on GitHub at uiverse-io/galaxy. It contains a collection of over 3,000 unique UI elements sourced from the main Uiverse.io platform. While the repository provides an archive, the best way to browse is directly on Uiverse.io.

Who are the top creators on Uiverse?

Top creators include vinodjangid07 (157 posts, 567,040 views), Yaya12085 (140 posts, 345,340 views), Javierrocadev (132 posts, 136,980 views), andrew-demchenk0 (119 posts, 300,850 views), adamgiebl (89 posts, 193,660 views), SelfMadeSystem (80 posts, 146,140 views), and gharsh11032000 (70 posts, 217,310 views). These contributors have built the community with high-quality UI elements.

Categories

Use cases

Browse all AI tools on NeedAnAI