uiverse-io/galaxy

★ 10,678HTMLAudience · designerComplexity · 1/5LicenseSetup · easy

Mindmap

mindmap
  root((galaxy))
    What it does
      UI element archive
      3000 plus components
      Copy-paste code
    Tech Stack
      HTML
      CSS
      Tailwind CSS
    Use Cases
      Drop-in buttons
      Loaders and cards
      Web prototyping
    Audience
      Web designers
      Frontend builders
      Vibe coders

mindmap root((galaxy)) What it does UI element archive 3000 plus components Copy-paste code Tech Stack HTML CSS Tailwind CSS Use Cases Drop-in buttons Loaders and cards Web prototyping Audience Web designers Frontend builders Vibe coders

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Copy a ready-made animated button or loader into your web project without writing CSS from scratch

USE CASE 2

Browse 3,000+ UI components to find a card, checkbox, or input style that matches your design

USE CASE 3

Speed up a prototype by dropping pre-built Tailwind components directly into your HTML

Tech stack

HTMLCSSTailwind CSS

Getting it running

Difficulty · easy Time to first run · 5min

Use and modify freely in personal or commercial projects, crediting the original creator is encouraged but not legally required under the MIT license.

In plain English

Galaxy is a repository that archives over 3,000 UI elements collected from Uiverse.io, a platform where designers and developers share ready-made interface components built with HTML, CSS, or Tailwind. The elements include things like buttons, checkboxes, loaders, cards, and other visual building blocks that you can copy directly into a web project. The repository exists mainly as a convenient archive and a place to access the raw code. The recommended way to browse the collection is the Uiverse.io website, which provides a visual interface so you can see what each element looks like before picking one. The GitHub repository is kept in sync automatically as new submissions are approved on the platform. Adding to the collection works through the platform rather than GitHub directly. You create a UI element, submit it to Uiverse.io, and once it is reviewed and approved, it gets added to this repository automatically. Pull requests made directly to this repository are not accepted. All elements are available under the MIT license, which means you can use and modify them in personal or commercial projects. The README asks that users credit the original creator and Uiverse.io when using an element, though this is not a legal requirement under the license.

Copy-paste prompts

Prompt 1

Here is a CSS button from the uiverse-io/galaxy collection. Help me customize its color, size, and hover animation to match my brand: [paste code]

Prompt 2

I found this loader component from uiverse-io/galaxy, explain how the CSS keyframe animation works so I can tweak the timing.

Prompt 3

Take this card UI element from uiverse-io/galaxy and adapt it to show a user profile with an avatar, name, and follow button.

Open on GitHub → Explain another repo

← uiverse-io on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.