The raw material: typefaces, icons, illustration, color 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 FacesCurated free typefaces with real specimens.
- UNCUTFree and open-source display faces with a contemporary edge.
- Best Free FontsHand-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 alternativesTwo 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.
- MakeEmojiGenerate custom emoji from a prompt, sized for Slack and Discord.
Illustration
Scenes and characters.
5- unDrawOpen-source illustrations with a recolor control.
- BlushMix-and-match illustration systems from many artists.
- Open PeepsHand-drawn character library you can recombine.
- HumaaansModular people illustrations.
- HashvatarDeterministic avatars from any string, in gradient or dither.
Color 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 color 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 motionContinuous animated image columns running in opposite directions.
Audio
Sound for interfaces, video and games.
6- ElevenLabsAI voices, sound effects and music generation.
- SpliceRoyalty-free sample library for sound design.
- FMODAdaptive audio middleware for games and interactive work.
- soundcn700+ UI sound effects curated for web apps.
- CuelumeInteraction sounds synthesised live with Web Audio, no files to ship.
- @web-kits/audioDeclarative audio synthesis for the web.