FWD Tools: Free Color, Gradient & Typography Tools
Free browser tools for color palettes, gradients and SVG graphics, with code outputs for web projects.

Colors and graphics for web projects
FWD Tools groups browser utilities for palettes, mesh gradients, icons, SVG waves and social preview graphics. These are useful when a web design needs a supporting visual or a color system that can move straight into code.
No-install workflow
Use a generator, adjust the controls and take the CSS, SVG or other output supported by that tool. The design-tools page describes the collection as free and available without signup.
Author and update
Created by Puneet Sharma. The design-tools index was updated on May 24, 2026; individual tools may be older.
Sources and terms
Keep reading

Previous resource
Penpot: Free Open-Source UI Design & Prototyping Tool
Open-source UI design and prototypes with a free hosted plan; signup, storage and history limits apply.
View resource