About this project

Design Tools

A collection of precision design utilities built for designers and developers.

What is Design Tools?

Open-source, browser-based design utilities

Design Tools is a free, open-source collection of browser-based utilities designed to speed up your design and development workflow. No login, no subscription — everything runs entirely in your browser. Generate SVG grids, build color palettes, scale typography, design shadows, craft gradients, and browse icons — all in one place.

6 Tools

And counting

Grid Forge
Color Palette
Type Scale
Shadow Studio
Gradient Lab
Icon Browser

Built by

The creator

Hey, I'm [Your Name] — a designer and developer who builds tools to make creative work faster and more enjoyable.

GitHub

Tech Stack

Built with modern web technologies

Next.js 14App Router, RSC

React 18Client components

TypeScriptType safety

Tailwind CSSUtility-first styles

shadcn/uibase-nova components

Three.js / R3FDither background

Open Source

MIT licensed

The source code is freely available. Contributions, bug reports, and feature requests are welcome.

View on GitHub