Guide · Open source
How to use Galaxy: browse, copy and reuse 3000+ UI elements
Updated · written with AI from the project's own documentation and checked against our catalogue data
Galaxy is an open-source repository from the Uiverse.io community that archives over 3000 ready-made UI elements, such as buttons and cards, each written in CSS or Tailwind. This guide is for front-end developers, designers and students who want to find an element, understand it and copy it into a project. By the end you will know how to clone the repository, where to browse it, how to reuse an element and what the MIT licence asks of you.
Uiverseuiverse-io/galaxy · ★ 14.7k · MIT Install options & downloads Quick start
- 1Clone the repository. Run git clone https://github.com/uiverse-io/galaxy in your terminal to download a local copy.
- 2Browse on Uiverse.io. Visit uiverse.io to search and preview elements visually before choosing one.
- 3Pick an element. Choose a button, card or other element that fits your interface and read its CSS or Tailwind code.
- 4Copy it into your project. Paste the relevant code into your site and adjust class names, colours and sizes as needed.
- 5Check the MIT licence. Confirm you can use the element under the MIT License and consider crediting the creator and Uiverse.io.
What is Galaxy and what does it contain?
Galaxy is a collection of over 3000 unique UI elements from Uiverse.io. Every element is sourced from the Uiverse.io platform, where designers and enthusiasts share their creations. The elements are curated and uploaded to this repository automatically.
Each element is written in CSS or Tailwind, so you can copy it into a web project rather than building it from scratch.
Browse the collection on Uiverse.io
The repository is an archive, and the source says the best way to browse is on Uiverse.io. There you can search and interact with the elements and get a visual overview before you copy anything.
- Open https://uiverse.io to search the collection visually.
- Use the repository when you want the files themselves.
Clone the repository to your computer
To get a local copy of Galaxy, clone the repository with Git. The README lists no prerequisites beyond this command.
git clone https://github.com/uiverse-io/galaxyCopy an element into your project
Pick an element, read its CSS or Tailwind code, and copy the parts you need into your existing site. Galaxy is a collection of individual elements rather than a library with a defined API, so there is no import system to set up. Test the copied element in your own page and adjust class names or colours to fit your design.
- Choose an element that matches the pattern you need.
- Copy the CSS or Tailwind markup for that element only.
- Check it renders correctly in your project.
Follow the MIT licence and give credit
All UI elements in the repository are available under the MIT License, which lets you use, modify and distribute them. Attribution is not mandatory, but the project asks that you credit both the original creator and Uiverse.io when you implement an element.
Contribute elements the right way
If you want your work included, do not open pull requests here. The README says direct contributions are ignored. Instead, create your element and submit it to Uiverse.io. After it is reviewed and approved there, it is uploaded to this repository automatically.
What people use it for
- Adding a ready-made button style to an existing website.
- Copying a card layout written in Tailwind into a component project.
- Studying how designers build hover and animation effects in plain CSS.
- Finding interface ideas before designing a page from scratch.
Frequently asked questions
How do I install Galaxy?
Galaxy is installed by cloning the repository with git clone https://github.com/uiverse-io/galaxy. The README lists no other prerequisites. There is no package to install, so you copy the elements you need into your project.
Is Galaxy free to use?
Yes. All UI elements in the repository are available under the MIT License, which allows you to use, modify and distribute them. Attribution to the creator and Uiverse.io is appreciated but not mandatory.
What are the requirements for Galaxy?
The README does not list any prerequisites. You need Git to clone the repository and a web project where you can paste CSS or Tailwind code.
Can I submit my own UI element to Galaxy?
Not as a pull request. The README says direct pull requests are ignored. Create your element, submit it to Uiverse.io, and once it is approved there it is uploaded to the repository automatically.
What are alternatives to Galaxy?
Projects often compared with Galaxy include Tailwind UI, Flowbite, DaisyUI and Hover.css. Galaxy suits copying individual elements, while those projects are closer to full component systems.
Why does my copied element not look right?
The source does not describe troubleshooting steps. Check that your project loads the required CSS or Tailwind setup, then compare the element on Uiverse.io, where you can view it visually.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Galaxy is a good fit for front-end developers, designers and students who want to copy or study individual CSS or Tailwind elements under the MIT licence. If you need a full component framework with build tooling and a defined API, pick a library such as Flowbite or DaisyUI instead.
Install options & downloads