Free CSS Generators & Online Developer Tools
CSS generators, developer utilities, and business calculators for developers. Flexbox, grid, gradients, cron, hex decoder, Stripe fees and more — all free, no signup.
From CSS layout builders and gradient generators to cron expression validators, hex decoders, accessibility checkers, and SaaS business calculators — every tool runs entirely in your browser. No accounts, no rate limits, no data sent to any server.
CSS Tools
Color Shades Generator
Turn any color into a perceptually uniform OKLCH tint-and-shade scale, compare it to naive HSL, then export as CSS, Tailwind, SCSS, or JSON.
CSS Border Radius Generator
Round individual corners with draggable handles or build organic blob shapes — copy as CSS, Tailwind, or HTML.
CSS Box Shadow Generator
Stack multiple layered drop shadows and build neumorphism or glow effects — copy the box-shadow as CSS or Tailwind.
CSS Clip-Path Generator
Design polygon, circle, ellipse, and inset clip-path shapes with drag handles — preview against photos, then copy CSS, Tailwind, React, or SVG.
CSS Flexbox Generator
Visually build flexbox layouts with a live preview. Set direction, alignment, wrap, and gap — copy the CSS and HTML instantly.
CSS Gradient Generator
Build linear, radial, and conic CSS gradients with a visual picker — copy as background-image CSS or Tailwind.
CSS Grid Generator
Paint named grid areas visually, set per-track sizes, choose from presets like Holy Grail and Dashboard — copy the CSS instantly.
CSS Text Shadow Generator
Stack layered text shadows, build neon glows, fire effects, and 3D pop text — copy the text-shadow as CSS or Tailwind.
CSS to Tailwind Converter
Paste any CSS and get matching Tailwind v4 utility classes, verified against the real compiler, with a side-by-side visual proof they render identically.
Cubic Bezier Generator
Drag the curve to design a custom CSS easing function — live preview, then copy CSS, JS, Tailwind, Framer Motion, GSAP, or React Spring code.
Mesh Gradient Generator
Drag colorful control points to design a smooth mesh gradient — then export as CSS, Tailwind, SVG, or PNG.
OKLCH Converter
Convert between hex, rgb(), hsl(), and oklch() instantly — paste any format, get all four back, with gamut-safe clamping.
Shadcn Theme Generator
Generate a full shadcn/ui theme from a single color — accessible light & dark palettes in OKLCH, live preview, then copy the globals.css for Tailwind v4 or v3.
Tailwind Colors
The full Tailwind CSS color palette — copy any shade as hex, OKLCH, RGB, HSL or class name, plus shadcn base colors and a hex-to-Tailwind converter.
Developer Tools
AI Dashboard Generator: Turn Raw Data Into Interactive Dashboards in Seconds
Upload your Excel or CSV file and get a complete interactive dashboard - charts, KPIs, and AI-written insights - in under 60 seconds. No coding, no design skills required.
Background Generator
Make grid backgrounds, CSS patterns, mesh gradients and particle effects in your browser — tweak the colors and scale, then copy the CSS or Tailwind.
Binary Decoder
Paste binary digits to decode to UTF-8 text, or encode text to binary. Includes a per-byte bit table with decimal and hex values — runs in your browser.
Cron Expression Generator
Build, validate, and explain cron expressions visually. Translate any crontab schedule to plain English and preview next run times.
Favicon Generator
Free favicon generator and ICO editor — convert PNG to ICO (plus JPG, WebP & SVG), adjust background, padding and corners, then download the .ico and HTML link tags.
Hex Decoder
Decode hex strings to UTF-8 or ASCII, or encode text to hex. Auto-detects space, comma, 0x-prefix, and no-delimiter formats.
JWT Decoder
Paste any JWT or bearer token to instantly decode the header, payload, and claims. Inspect exp, iat, iss, and sub — runs in your browser.
llms.txt Generator
Build a spec-compliant llms.txt file from scratch, your sitemap, or an existing file — with live validation, then copy or download.
SHA-512 Hash Generator
Generate SHA-512 checksums from text or files, create HMAC-SHA-512 signatures, and verify hashes. One-way — cannot be reversed. Runs in your browser.
Unix Timestamp Converter
Convert Unix timestamps to human-readable dates and back, generate Discord timestamp formats for all 7 styles, and copy code snippets for JavaScript, Python, PHP, and Go.
UUID & GUID Generator
Generate v1, v4, or v7 UUIDs and GUIDs in bulk, in any format, then parse an existing UUID to see its version and timestamp.
Business Tools
Advanced Customer Acquisition Cost (CAC) Calculator
Calculate your Customer Acquisition Cost, Payback Period, and LTV:CAC ratio with 2026 SaaS benchmarks.
Stripe Fee Calculator
Enter any amount to see Stripe processing fees and net payout. Use reverse mode to find what to charge to receive a target amount.
Accessibility Tools
No tools match your search.