● The toolbox · 17 tools · free, no signup

Small tools.

Clean code out.

Generators, calculators and libraries I built for my own workflow. Copy the output and go — nothing to install, nothing to sign up for.

17

TOOLS

176k+

USES

₹0

FOREVER

FREE TOOLS

Tools I built for designers like you

01 CSS Button Generator

Your button, your style — instantly

Used 12.4k Times

02 Aspect Ratio Calculator

Aspect Ratio Wizard

Used 9.1k Times

03 CSS Border Generator

Generates Border

Used 6.7k Times

04 Color Contrast Checker

Check Contrast Instantly

Used 14.2k Times

05 Color Palette Generator

Generate. Copy. Create. Repeat

Used 18.6k Times

06 Animated Text Generator

Free, Fast, Eye-Catching

Used 8.5k Times

07 SVG Wave Generator

Create, Customize, Copy

Used 11.5k Times

08 Glassmorphism Generator

Design, Customize, Copy

Used 10.2k Times

09 CSS Image Filter

Free, Fast, Filters

Used 5.4k Times

10 Grid Pattern Generator

Create, Customize, Copy

Used 7.5k Times

11 Grainy Gradient

Create, Copy, Paste

Used 9.6k Times

12 Skeleton CSS Loader

Genereate, Copy, Paste

Used 4.9k Times

13 HEX to RGBA Converter

Convert, Copy, Create

Used 16.1k Times

14 UI Color Palettes

Browse, Copy, Create

Used 13.3k Times

15 SVG Preloader Generator

Scalable, Animated, Versatile

Used 6.2k Times

16 CSS Typing Animation

Dynamic, Typewriter, Loop

Used 16.1k Times

17 Typography Scale

Rhythm, Scale, System

Used 13.3k Times

From the blog

Notes from the desk

TOOLS

Figma vs Framer: which tool wins for designers?

Where each shines — collaboration and systems vs motion and live publishing — and when to switch.

NO CODE

Best no-code platforms for web development

The builders worth learning in 2025, compared on speed, flexibility and real project fit.

CAREER

Is learning a no-code website builder worth it?

An honest look at what no-code skills earn you as a designer — and where the ceiling is.

Like what you see? Let's build yours.

Three quick questions and your brief lands in my WhatsApp.