R
Rajesh Patra

Tools

Tools

A collection of free, browser-based developer tools. No sign-up, no tracking  everything runs locally in your browser. 

Filter by category

21 tools available

CSS Background Patterns

Generate beautiful pure CSS background patterns — customize colors, opacity & spacing, copy CSS/Tailwind or download PNG.

CSS & DesignCSSBackground

Animation / Keyframes Generator

Create CSS @keyframes animations visually — tune stops, transforms, timing — play preview & copy code.

CSS & DesignAnimationCSS

Glassmorphism Generator

Design frosted-glass UI with backdrop blur, opacity, saturation & border controls — copy CSS & Tailwind.

CSS & DesignGlassCSS

Box Shadow Generator

Build multi-layer box shadows with neumorphism, colored glow & material presets — copy CSS & Tailwind.

CSS & DesignShadowCSS

Flexbox Playground

Interactively learn & generate flexbox CSS — control direction, wrap, justify, align — get CSS & Tailwind.

CSS & DesignFlexboxCSS

JWT Decoder & Validator

Decode JWT header & payload, inspect claims, check expiry, and verify HMAC signatures — all in your browser.

DeveloperJWTToken

API Request Builder

Send GET, POST, PUT and more — set headers, auth, and body — then inspect the formatted response. Mini Postman.

DeveloperAPIHTTP

Emoji Picker & Search

Search, browse, and copy emojis by name or keyword. Includes skin tone selector, text builder, and recently used.

WritingEmojiSearch

Lorem Ipsum / Fake Data

Generate placeholder text and fake data — names, emails, addresses, dates, and more — for mockups and testing.

GeneratorLorem IpsumFake Data

Diff Checker

Compare two texts and highlight additions, removals, and unchanged lines — with word-level inline diffs like Git.

DeveloperDiffGit

Markdown Live Editor

Write Markdown with a rich toolbar and see the live rendered preview side-by-side. Auto-saves locally.

WritingMarkdownWriting

Color Format Converter

Convert any color between HEX, RGB, HSL, and HSB — and instantly find the nearest Tailwind CSS class.

CSS & DesignColorCSS

Regex Tester & Explainer

Test regular expressions with live match highlighting and get plain-English explanations for every token.

DeveloperRegexDeveloper

CSS Grid Generator

Build CSS grid layouts visually — set columns, rows, gaps, and alignment, then copy the ready CSS.

CSS & DesignCSSLayout

CSS Gradient Generator

Create linear, radial, and conic CSS gradients visually with color stops, presets, and instant copy.

CSS & DesignCSSDesign

QR Code Generator

Generate customizable QR codes with color themes, rounded dots, size control, and PNG/SVG download.

GeneratorQR CodeImage

Cron Schedule Generator

Build cron expressions visually or decode an existing schedule. Shows human-readable description and next run times.

DeveloperCronScheduling

Array ↔ JSON Converter

Convert JSON to arrays in PHP, JavaScript, TypeScript, Python, or Ruby — and back again.

DeveloperJSONPHP

Password Generator

Generate strong, random passwords with custom length, character types, and batch generation.

GeneratorSecurityPassword

JSON Beautifier

Beautify or minify JSON with real-time syntax validation and error highlighting.

DeveloperJSONFormatting

Base64 Encoder / Decoder

Encode text to Base64 or decode Base64 strings back to plain text — instantly in your browser.

DeveloperEncodingText