Skip to content

Design

Icons, fonts, illustration, color and motion tools for developers who ship UI.

Your tool hereOn tool pages, blog posts and the feeds, next to what people came to read.$19 / 3 months →

Icons

8
  1. LucideA beautiful, consistent open-source icon set with first-class React/Vue/Svelte support.Design & UIPickOpen source
  2. SVGLAn open-source library of SVG brand and product logos, copy-ready as SVG or React/TSX.Design & UIOpen source
  3. SVG SpinnersA collection of 60+ SVG and CSS loading spinners — copy the markup or use them via Iconify.Design & UIOpen source
  4. Meteocons500+ animated weather icons in SVG and Lottie — fill, flat, line and monochrome styles, MIT licensed.Design & UIOpen source
  5. Phosphor IconsFlexible open-source icon family in six weights, from thin to fill plus duotone — one set that covers both quiet UI and bold marketing pages.Design & UIOpen source
  6. Tabler IconsThousands of MIT-licensed stroke icons on a 24px grid, with adjustable stroke width and packages for React, Vue, Svelte and plain SVG.Design & UIOpen source
  7. HugeiconsVery large icon library in several styles (stroke, solid, duotone, bulk); a sizeable free set, with the full catalog behind a license.Design & UIFreemium
  8. 3dicons1,440+ open-source 3D icons, free for personal and commercial use without attribution.Design & UIOpen source

Fonts

5
  1. Best Free FontsA tight, curated shortlist of free typefaces — a couple of hundred picks rather than ten thousand search results to wade through.Design & UIFree
  2. Fonts In UseAn archive of typography in the wild, indexed by typeface, industry, and era — see how a font behaves in public before you license it.Design & UIFree
  3. FontshareFree, professional-quality typefaces from the Indian Type Foundry — full families, licensed for personal and commercial work alike.Design & UIFree
  4. Free FacesA gallery of free typefaces from independent designers — the characterful end of free type rather than the safe, familiar end.Design & UIFree
  5. UNCUTA curated catalogue of 160+ contemporary typefaces by independent designers — sans, serif, mono and display, all free for commercial use.Design & UIFree

Illustration & 3D

12
  1. KIRI EnginePhotogrammetry and Gaussian splatting from a phone — scan an object with the camera and get a usable 3D model back from the cloud.Design & UIFreemium
  2. Luma AICapture real scenes as radiance fields and generate video from them — 3D reconstruction and generative video under one roof.Design & UIFreemium
  3. Polycam3D scanning on a phone — LiDAR, photogrammetry, and splat capture, with export to the mesh formats the rest of your pipeline expects.Design & UIFreemium
  4. RealityScanEpic's photogrammetry app — shoot an object from every angle on a phone and get a game-ready mesh processed in the cloud.Design & UIFree
  5. SuperSplat EditorAn open-source browser editor for 3D Gaussian splats — clean up a scan, crop away the mess, and publish the result to a link.Design & UIOpen source
  6. BeziCollaborative 3D and spatial design in the browser — prototype an interactive scene with a team the way you would a flat mockup.Design & UIFreemium
  7. WompBrowser-based 3D modeling built on soft, blobby shapes — the friendliest on-ramp into 3D for people who normally design in 2D.Design & UIFreemium
  8. gltfjsxTurns a glTF file into a declarative React Three Fiber component — every mesh addressable in JSX instead of one opaque scene graph.Design & UIOpen source
  9. gltfpackCompresses and simplifies glTF scenes for the web — meshopt quantization that routinely cuts model size by an order of magnitude.Design & UIOpen source
  10. Needle ViewerA browser viewer and light editor for glTF and USD files — drop a model in, inspect it, and share a link that runs anywhere.Design & UIFreemium
  11. Kitbitz2,000+ hand-drawn illustrations as SVG/PNG with Figma kits, a plugin and MCP access — free for commercial use (CC0).Design & UIFree
  12. HairlineFine-line SVG illustrations for interfaces and empty states, plus an AI skill that draws new ones in the same style. MIT licensed.Design & UIOpen source

Color

3
  1. CoolorsGenerate, browse, and save color palettes in seconds.Design & UIFreemium
  2. Color.reviewA contrast checker you can design inside — nudge two colors side by side and watch the WCAG ratio update against real text samples.Developer ToolsFree
  3. OKLCH Color PickerA color picker built on OKLCH — choose perceptually even shades, see which ones fall outside sRGB, and copy the CSS value.Developer ToolsFree

Design & motion tools

9
  1. cablesA node-based editor for real-time WebGL visuals — patch the scene together in the browser and export it as a web-ready piece.Design & UIFreemium
  2. NodesA browser canvas for creative coding with JavaScript and npm — wire code blocks together into generative and visual experiments.Design & UI
  3. ShaderToyThe gallery and live editor where GLSL fragment shaders are shared — read the source behind effects you assumed were impossible.Design & UIFree
  4. Unicorn.studioDesign interactive WebGL effects without writing shaders — build the animation visually, then embed it in a real site.Design & UIFreemium
  5. PaperA web-native design tool built on real HTML and CSS — what you draw is what the browser renders, shaders and all, with no handoff gap.Design & UIFreemium
  6. CavalryProcedural 2D motion design — node graphs and data-driven rigs instead of hand-keyframing a hundred versions of the same asset.Design & UIFreemium
  7. JitterMotion design in the browser with a Figma-shaped interface — animate a layout and export it as video, GIF, or Lottie.Design & UIFreemium
  8. Lottie CreatorLottieFiles' browser editor for building and tweaking Lottie animations — no After Effects round trip just to change a color.Design & UIFreemium
  9. LottielabA dedicated Lottie editor with interactivity and states — design the animation, then hand developers a single JSON file.Design & UIFreemium