A premium, independent index of UI libraries, design systems, inspiration galleries, and frontend tools. Hand-picked, verified August 2026.
Every animated kit, shadcn extension, Tailwind block, headless primitive, design inspiration gallery, and design tool worth knowing — plus the visual assets and workflows around them.
| Category | Examples |
|---|---|
| React | HeroUI, Mantine, Chakra UI, MUI, PrimeReact, AlignUI, Park UI |
| Tailwind | DaisyUI, Flowbite, HyperUI, Preline, Meraki UI |
| shadcn | shadcn/ui, 21st.dev, Origin UI, Shadcnblocks, HextaUI |
| Animated | Aceternity UI, Magic UI, Motion Primitives, Eldora UI, Cult UI |
| Design Tools | Pattern Craft, Gradienty, Coolors, Blobmaker, CSS Clip-Path Maker |
| CSS / HTML | Zero-JS components, pure CSS effects, Uiverse |
| Vue / Svelte | Vuetify, PrimeVue, shadcn-svelte, Flowbite Svelte, Konsta UI |
| Headless | Radix UI, Headless UI, Base UI, Ark UI, Zag.js |
| Dev Tools | Lucide, Iconify, Squoosh |
| Inspiration | Godly, Recent Design, Unsection, Detail, BentoGrids, Mobbin, UI Movement, Appinspo |
| Icons | Tabler Icons, Phosphor Icons, Iconoir, Lucide Icons |
| Illustrations | unDraw, Blush, Open Peeps, Open Doodles, DrawKit |
| Typography | Google Fonts, Fontshare, Fontpair |
| Color | Coolors, Superdesigner, WebGradients, fffuel |
| Mockups | Shots, Hano, Squoosh |
| Templates | Whimsical, Lapa Ninja, Untitled UI |
| Really Good Emails | |
| Stock Assets | Unsplash, Pexels |
| Collections | UI Goodies, Design Resources, SiteInspire, Httpster, Awwwards, The FWA, TOOOLS.design |
| Angular | Angular Material, PrimeNG, NG-ZORRO |
- Search — live search across all libraries by name or description
- Quick Access filters — one sticky directory control for topics, frameworks, and sort order
- Expanded topics — icons, illustrations, typography, color, mockups, templates, email, stock assets, UX research, portfolios, and AI tools
- URL state — filters and search persist in the URL, shareable, and are remembered locally across reloads
- Recently visited — last 5 opened libraries saved locally
- Suggest a library — built-in form at the bottom of the page
- No ads, no gates — no newsletter, no affiliate links
Finding good UI resources is scattered. Awesome lists go stale. Reddit threads disappear. Social posts often show a preview without leaving a usable link. The best product work also needs the surrounding system: type, color, icons, imagery, motion, research, and production assets.
UI / FOLIO is a single, maintained, verified page for UI libraries, design systems, inspiration galleries, UX-flow references, and frontend tools.
| Layer | Technology |
|---|---|
| Framework | React 18 |
| Build tool | Vite 5 |
| Styling | Vanilla CSS (no Tailwind, no UI lib — zero irony) |
| Typography | DM Serif Display + DM Sans |
| Deployment | Vercel |
git clone https://github.com/sugumaran-nix/WebUI-Libraries.git
cd WebUI-Libraries
npm install
npm run devWebUI-Libraries/
├── src/
│ ├── App.jsx # Product shell, filtering, persistence, and layout
│ ├── data.js # Shared catalog, taxonomy, and stack metadata
│ ├── components/ # Icon, FilterPanel, and ResourceCard primitives
│ └── main.jsx # React entry point
├── public/
│ ├── favicon.svg
│ ├── robots.txt
│ └── sitemap.xml
├── index.html
└── vite.config.js
Know a library or design resource that belongs here? Open the site, scroll to the bottom, and use the suggestion form — it takes 30 seconds.
MIT