Design

Icons, UI kits and design resources

For designers and developers who want good-looking building blocks without licensing worries. We chose MIT-licensed icon sets and component libraries across React and Tailwind, two big curated resource lists that cover fonts and assets, and browser tools for preparing icons and placeholders.

1. 1
   IconifyAI toolAn open-source collection of icons from many sets, with a Figma plugin and code components.Open source
2. 2
   FeatherOpen sourceSimple, consistent SVG icons on a 24×24 grid that drop into any site or design file.★ 26k · MIT
3. 3
   shadcn/uiOpen sourceComposable, accessible React components you own and restyle freely.★ 127k · MIT
4. 4
   daisyUIOpen sourceReady-made component classes for Tailwind CSS when you want speed over custom styling.★ 42.7k · MIT
5. 5
   Headless UIOpen sourceUnstyled, accessible components for Tailwind, so the look stays entirely yours.★ 28.8k · MIT
6. 6
   MantineOpen sourceA large React kit with over 100 components and hooks for app-style interfaces.★ 31.9k · MIT
7. 7
   Material UIOpen sourceA complete React implementation of Material Design for teams that want a proven system.★ 99.3k · MIT
8. 8
   design-resources-for-developersOpen sourceA big, organised link list of UI kits, icon sets, fonts, stock assets and templates.★ 67.3k · MIT
9. 9
   Awesome Design ToolsOpen sourceA categorised directory of design tools and plugins, including type and colour tools.★ 41.7k · MIT
10. 10
    CoolorsAI toolA fast palette generator with contrast checks and palette extraction from images.Freemium
11. 11
    SSVG OptimizerBrowser toolStrip editor junk and metadata from SVG icons before they ship.
12. 12
    FFavicon GeneratorBrowser toolBuild a full favicon set from an image, letter or emoji in one go.
13. 13
    PPlaceholder Image GeneratorBrowser toolMake placeholder images at any size while real artwork is still on the way.