shengdabai Galaxy UI Components
3,800+ open-source UI components from Uiverse.io, ready to drop into any project. All MIT licensed.
Component Categories
| Category | Path | Count |
|---|---|---|
| Buttons | Buttons/ |
1,231 |
| Cards | Cards/ |
726 |
| Loaders | loaders/ |
718 |
| Inputs | Inputs/ |
226 |
| Notifications | Notifications/ |
23 |
| Toggle switches | Toggle-switches/ |
260 |
| Forms | Forms/ |
180 |
| Checkboxes | Checkboxes/ |
171 |
| Patterns | Patterns/ |
103 |
| Radio buttons | Radio-buttons/ |
102 |
| Tooltips | Tooltips/ |
62 |
How to Find Components
- User specifies type — match to a category above (e.g., "button" →
Buttons/, "card" →Cards/) - Search by keywords — use Grep to search component filenames or content for style descriptors (e.g.,
neumorphic,gradient,animated,minimal,dark) - Read the component — use Read on the HTML file. Each file is self-contained with HTML + inline CSS
- Copy and adapt — return the full HTML + CSS block to the user, ready to paste into their project
Search Strategy
# Find components by filename pattern
find ~/.claude/skills/galaxy-ui/Buttons -name "*.html" | head -10
# Search by style keyword in filenames
find ~/.claude/skills/galaxy-ui/Buttons -name "*gradient*" -o -name "*glow*" -o -name "*minimal*" | head -10
# Search inside files for specific CSS properties
grep -l "backdrop-filter" ~/.claude/skills/galaxy-ui/Buttons/*.html | head -10
grep -l "border-radius: 50px" ~/.claude/skills/galaxy-ui/Cards/*.html | head -10
Response Format
When returning a component to the user:
- Show the filename:
From Uiverse.io by {author} - Provide the full HTML + CSS block in a code fence
- Briefly describe what it looks like and how it behaves
- If the user wants alternatives, show 2-3 more options
Attribution
Components are MIT licensed. When using one, add a comment:
<!-- From Uiverse.io by {author} - https://uiverse.io -->