The raw material: typefaces, icons, illustration, colour systems, textures and sound. What makes an interface feel made rather than assembled.
- 45
- tools
- 6
- sections
Typefaces
Where good fonts come from.
11- FontshareQuality free fonts from Indian Type Foundry.
- Free FacesnewCurated free typefaces with real specimens.
- UNCUTnewFree and open-source display faces with a contemporary edge.
- Best Free FontsnewHand-sorted list of free fonts worth using.
- Google FontsOpen-source variable fonts with a pairing view.
- FontsourceSelf-host open-source fonts as npm packages.
- Pangram PangramContemporary foundry with free trials.
- Klim Type FoundryCarefully made typefaces with essays on each.
- TypewolfWhich fonts real sites use, and what pairs with them.
- Fonts In UseTypography in the wild, indexed by typeface.
- Inter alternativesnewTwo real criteria for picking a UI font, plus ten that are not Inter.
Icons & emoji
Consistent sets with React packages.
12- LucideClean, consistent open-source icons with React bindings.
- PhosphorFlexible family in six weights, thin to duotone.
- HeroiconsHand-drawn SVG icons from the Tailwind team.
- Tabler IconsThousands of 24px stroke icons, MIT licensed.
- Radix IconsCrisp 15px icons for dense UI.
- IconoirClean, geometric open-source icons.
- Remix IconNeutral line and fill pairs for every glyph.
- HugeiconsVery large set in multiple styles.
- IconifySearch across 200k icons from every major set.
- StreamlineHuge icon and illustration library with a Figma plugin.
- SVGLBrand logos as clean SVGs.
- MakeEmojinewGenerate custom emoji from a prompt, sized for Slack and Discord.
Illustration
Scenes and characters.
5- unDrawOpen-source illustrations with a recolour control.
- BlushMix-and-match illustration systems from many artists.
- Open PeepsHand-drawn character library you can recombine.
- HumaaansModular people illustrations.
- HashvatarnewDeterministic avatars from any string, in gradient or dither.
Colour systems
Palettes and scales that hold up in UI.
5- Radix Colors12-step scales designed for UI states, with dark mode.
- Realtime ColorsPreview a palette and type pairing on a real page.
- LeonardoContrast-based colour scale generator from Adobe.
- HuetoneAccessible palettes with perceptual lightness.
- CoolorsGenerate and lock palettes with the spacebar.
Textures, models & photo
Noise, gradients, HDRIs and imagery.
6- fffuelSVG generators for noise, blobs, gradients and patterns.
- HaikeiGenerative SVG shapes and backgrounds.
- Poly HavenHDRIs, textures and models, all CC0.
- Sketchfab3D model marketplace with an embeddable viewer.
- UnsplashFree high-resolution photography.
- Images in motionnewContinuous animated image columns running in opposite directions.
Audio
Sound for interfaces, video and games.
6- ElevenLabsnewAI voices, sound effects and music generation.
- SplicenewRoyalty-free sample library for sound design.
- FMODnewAdaptive audio middleware for games and interactive work.
- soundcnnew700+ UI sound effects curated for web apps.
- CuelumenewInteraction sounds synthesised live with Web Audio, no files to ship.
- @web-kits/audionewDeclarative audio synthesis for the web.