Design & UI
CSS Glassmorphism Generator
Dial in blur, transparency and borders for frosted-glass cards, then copy the CSS or Tailwind classes.
Open toolFluid Typography (CSS Clamp) Calculator
Generate clamp() values that scale font sizes smoothly between any two viewport widths.
Open toolTailwind CSS Palette Generator (50–950)
Turn one brand colour into a full 50–950 Tailwind scale with ready-to-paste config.
Open toolMulti-Layer Box Shadow Generator
Stack soft, realistic shadow layers visually and copy the finished box-shadow CSS.
Open toolBorder Radius Morphing Tool
Shape organic blobs and pill buttons with 8-value border-radius controls.
Open toolAspect Ratio & Container Max-Width Tool
Work out missing dimensions, aspect-ratio CSS and container max-widths for every breakpoint.
Open toolCSS Grid Layout Generator
Build grid layouts with columns, rows, gaps and spans, then copy clean CSS.
Open toolUI Contrast & WCAG Accessibility Checker
Check text and background contrast against WCAG AA and AAA in real time.
Open toolSVG Path Scaler & Normalizer
Scale, translate and round SVG path data to fit any viewBox.
Open toolGradient Angle & Mesh Color Generator
Design linear and mesh-style gradients with angle and stop controls.
Open toolFrontend & Dev
SVG Code Minifier & Cleaner
Strip editor junk, comments and metadata from SVG code and see the bytes you saved.
Open toolJSON-to-TypeScript Interface Converter
Paste any JSON and get typed TypeScript interfaces instantly.
Open toolCSS-to-Tailwind Class Converter
Convert common CSS declarations into their Tailwind utility classes.
Open toolHTML Entity Encoder / Decoder
Escape and unescape HTML entities safely for code samples and templates.
Open toolRegex Tester & Match Highlighter
Test JavaScript regular expressions with live match highlighting and capture groups.
Open toolBase64 Image Encoder / Decoder
Convert images to Base64 data URIs and back, with size overhead shown.
Open toolCSS Unit Converter (PX to REM)
Convert between px, rem, em and percentages using any root font size.
Open toolMeta Tag & Open Graph Social Previewer
Preview how pages look on Google, X and LinkedIn and copy the meta tags.
Open toolFlexbox Playground & Code Copier
Toggle flex direction, alignment, wrap and gap on live boxes and copy the CSS.
Open toolFavicon HTML Tag Generator
Generate the complete set of favicon, touch icon and manifest tags for your site.
Open toolCreator & Productivity
Readability & Word Count Analyzer
Count words, sentences and reading time, and score readability as you type.
Open toolMarkdown-to-HTML Live Converter
Write Markdown and see clean HTML and a live preview side by side.
Open toolPassword & API Key Secure Hash Generator
Generate strong passwords and API keys, and hash text with SHA-256 locally.
Open toolColor Converter (HEX, RGB, HSL, CMYK)
Convert colours between HEX, RGB, HSL and CMYK in one place.
Open toolUnix Timestamp Converter
Convert Unix timestamps to readable dates and back, in local time and UTC.
Open toolQR Code Generator for Landing Pages
Create downloadable QR codes for URLs with custom colours and sizes.
Open toolJSON Formatter & Syntax Linter
Pretty-print, minify and validate JSON with clear error locations.
Open toolImage Dimension Resizer Calculator
Calculate proportional image sizes and srcset widths for responsive images.
Open toolAPI Response Latency & Status Tester
Ping a public endpoint from your browser and see status codes and response times.
Open toolSitemap URL Extractor & Parser
Paste sitemap XML and pull out every URL, lastmod date and nested sitemap.
Open tool