Hub · 55 tools · 5 sections

Icons, fonts, color, 3D and shaders

The final coat on an interface. Icon sets with React packages, typefaces and type tools, color systems built for UI, and the 3D and shader tools that add depth without a render farm.

01 / 05

Icon libraries for React and the web

Lucide preview

LucideIconsAn open, community-run icon set forked from Feather, with thousands of glyphs for interfaces.

phosphoricons.com

Phosphor preview

PhosphorIconsA flexible icon family available in six consistent weights for interface design.

Iconify preview

IconifyIconsA unified framework that puts a huge range of icons within instant reach.

Rune Icons preview

Rune IconsIconsA minimalist icon set that ships in five distinct styles for your interfaces.

Icon MuseumIconsAn archive celebrating the craftsmanship behind standout mobile app icons.

Tabler Icons preview

Tabler IconsIconsA library of thousands of outline-style icons for building user interfaces.

Heroicons preview

HeroiconsIconsHandcrafted SVG icons built by the team behind the Tailwind CSS framework.

fonts.google.com

Material Symbols preview

Material SymbolsIconsGoogle's variable icon font offering three selectable styles for interfaces.

icons.getbootstrap.com

Bootstrap Icons preview

Bootstrap IconsIconsThe official SVG icon library built to pair with the Bootstrap framework.

Remix IconIconsA neutral-looking icon library available in both outline and filled versions.

Iconoir preview

IconoirIconsAn open-source SVG icon set drawn with uniform, consistent stroke weights.

Ionicons preview

IoniconsIconsA polished icon pack designed for use across web and mobile interfaces.

simpleicons.org

Simple Icons preview

Simple IconsIconsA collection of over 3,000 popular brand logos, each available in SVG format.

theSVG preview

theSVGIconsA curated set of clean, ready-to-use brand logos delivered in SVG format.

feathericons.com

Feather preview

FeatherIconsA minimalist, open-source icon set with every glyph drawn on a 24-pixel grid.

carbondesignsystem.com

Carbon Icons preview

Carbon IconsIconsIBM's official icon library, made for building enterprise-grade product designs.

Boxicons preview

BoxiconsIconsA set of vector icons crafted and offered across three distinct visual styles.

mx-icons.vercel.app

MX Icons preview

MX IconsIconsA large, customizable collection of icons packaged as React components.

akveo.github.io

Eva Icons preview

Eva IconsIconsA pack of 400 icons available in both outline and filled styles for interfaces.

Devicon preview

DeviconIconsAn icon set covering popular programming languages and developer tools.

css.gg preview

css.ggIconsA set of 700 lightweight icons rendered entirely in pure CSS rather than SVG.

HugeIcons preview

HugeIconsIconsA wide-ranging icon library offering icons in both stroke and solid styles.

Reicon preview

ReiconIconsA tree-shakeable React icon library that ships icons in two distinct weights.

Iconsax preview

IconsaxIconsA versatile icon set that ships in six distinct visual styles for UI work.

icons0 preview

icons0IconsA search engine that lets you find icons across more than 200,000 options.

heroicons-animated.com

Heroicons Animated preview

Heroicons AnimatedIconsHeroicons reworked with hover-triggered animations for interactive UIs.

Icons.download preview

Icons.downloadIconsA curated icon library that spans sixteen different aesthetic styles to pick from.

lucide-animated.com

Lucide Animated preview

Lucide AnimatedIconsThe Lucide icon set reworked with built-in micro-animations for lively interfaces.

iconfoundry.store

Icon FoundryIconsA searchable archive pulling together icons from many different families.

Inkword preview

InkwordIconsType in a single word and it generates a matching illustration to go with it.

02 / 05

Fonts and type tools for websites

Fontshare preview

FontshareFontsA library of professional-grade fonts, free to use in commercial projects.

Klim preview

KlimFontsA type foundry that designs contemporary typefaces for use across the web.

Fontsource preview

FontsourceFontsSelf-host open-source fonts by installing them as npm packages in your project.

wakamaifondue.com

Wakamai Fondue preview

Wakamai FondueFontsA tool that inspects font files and reveals the features each one supports.

Utopia preview

UtopiaFontsA calculator for fluid typography that outputs ready-to-use CSS clamp values.

Velvetyne preview

VelvetyneFontsAn open-source type foundry distributing experimental, freely licensed typefaces.

departuremono.com

Departure Mono preview

Departure MonoFontsA pixel-style monospace typeface designed to feel at home in the terminal.

03 / 05

Color tools for interface design

OKLCH preview

OKLCHColorA color picker built on a perceptually uniform color space for choosing UI colors.

Color.review preview

Color.reviewColorA contrast checker that helps you build color palettes which stay accessible.

huetone.ardov.me

Huetone preview

HuetoneColorA palette generator that balances contrast ratios to keep UI colors accessible.

APCA preview

APCAColorA modern contrast algorithm that lines up with how the eye actually perceives color.

Ramps preview

RampsColorA design token tool for generating smooth color ramps in the OKLCH space.

04 / 05

3D tools and assets for the web

Three.js preview

Three.js3DA JavaScript library for creating and displaying 3D graphics in the browser with WebGL.

r3f.docs.pmnd.rs

React Three Fiber preview

React Three Fiber3DA declarative React renderer that lets you build Three.js scenes as components.

drei.docs.pmnd.rs

Drei preview

Drei3DA set of ready-made helper components that speed up React Three Fiber projects.

Blender preview

Blender3DAn open-source suite for 3D modeling, animation, and rendering scenes for the web.

gltf.report preview

gltf.report3DA browser tool that inspects and slims down glTF assets so 3D models load faster on the web.

Poly Haven preview

Poly Haven3DA public library of CC0-licensed textures free to download and reuse in any project.

05 / 05

WebGL shaders and shader gradients

thebookofshaders.com

Book of Shaders preview

Book of ShadersShadersAn interactive, hands-on guide that teaches you how to write fragment shaders step by step.

compute.toys preview

compute.toysShadersAn online sandbox for writing and experimenting with WGSL compute shaders.

Shaderfrog preview

ShaderfrogShadersA node-based visual editor for building shaders by connecting graph nodes.

shadercn preview

shadercnShadersReact shader components you can drop into projects, built on top of vgpu and TypeGPU.

shaders.paper.design

Paper Shaders preview

Paper ShadersShadersImport-ready shaders that ship with zero dependencies for your web projects.

openshaders.com

OpenShaders preview

OpenShadersShadersAn open-source library of WebGL shaders ready to drop into your web projects.

orbkit.zzzzshawn.cloud

Orbkit preview

OrbkitShadersA WebGL-powered renderer for creating animated orb effects in the browser.