Developer Tools

Search-ready tools with a cleaner workflow layout

A developer tools page with a visible search bar, structured tool grid, and a persistent utility panel for quick scanning and launch.

Search Tools

Generators, playgrounds, and code utilities

Code Tools

6 tools in this group

Code Tools

JSON Formatter

Format and validate JSON quickly.

Open tool
Code Tools

Base64 Encoder / Decoder

Encode and decode Base64 strings.

Open tool
Code Tools

Regex Tester

Test regex patterns against sample content.

Open tool
Code Tools

JWT Decoder

Inspect JWT payloads safely in the browser.

Open tool
Code Tools

HTML Formatter

Beautify messy markup for debugging and review.

Open tool
Code Tools

CSS Minifier

Compress CSS for production delivery.

Open tool

Dev Tools

5 tools in this group

Dev Tools

Color Palette Generator

Generate cohesive primary, secondary, and accent scales.

Open tool
Dev Tools

Tailwind Class Converter

Convert raw CSS ideas into Tailwind utility patterns.

Open tool
Dev Tools

CSS Shadow Generator

Tune shadow depth and softness visually.

Open tool
Dev Tools

Gradient Generator

Craft polished gradients for modern UI.

Open tool
Dev Tools

SVG Icon Generator

Generate clean icons and export inline SVG.

Open tool

UI Tools

5 tools in this group

UI Tools

Button Generator

Generate button styles with preview and code.

Open tool
UI Tools

Card Generator

Compose cards with image, stats, and action zones.

Open tool
UI Tools

Tailwind Layout Builder

Build container, grid, and dashboard shells quickly.

Open tool
UI Tools

Flexbox Playground

Experiment with flex alignment and spacing.

Open tool
UI Tools

Grid Playground

Test responsive grid templates visually.

Open tool