All Tools
54 free tools for developers and designers. No signup required.
Frontend Tools (20)
Color Palette Generator
Create beautiful color palettes with perfect harmony
Type Scale Generator
Build responsive typography systems in seconds
Contrast Checker
Ensure WCAG accessibility with instant contrast ratios
CSS Gradient Generator
Create stunning gradients with live preview & CSS export
PX to REM Converter
Convert pixels to rem units for responsive design
Glassmorphism Generator
Design frosted glass effects with backdrop blur
Neumorphism Generator
Create soft UI shadows for modern interfaces
Box Shadow Generator
Craft CSS box shadows with real-time visual preview
Responsive Checker
Test your designs across all screen sizes instantly
CSS Background Patterns
Generate geometric patterns & textures in pure CSS
Flexbox Generator
Visual builder for flex layouts & alignment
CSS Grid Generator
Visual builder for grid layouts & alignment
Color Converter
Convert any color between HEX, RGB, HSL, and OKLCH instantly
Image Color Extractor
Extract dominant colors from any image with draggable pickers
Font Pairing Generator
Discover perfect typography combinations with 200+ curated font pairings
CSS Animation Generator
Create custom bezier curves & timing functions
Design System Generator
Generate complete design systems with professional exports
Color Name Finder
Find the closest human-readable name for any color instantly
Color Picker
Pick any color with a canvas, sliders, and screen sampling
Color Blindness Simulator
See your designs through the eyes of people with color vision deficiency
Backend Tools (9)
JSON Formatter & Validator
Format, validate, and minify your JSON
Regex Tester & Debugger
Test and debug regular expressions with real-time results
Base64 Encoder/Decoder
Encode and decode Base64 strings with support for different variants and file handling
UUID/GUID Generator
Generate unique identifiers (UUIDs/GUIDs) for your applications
JSON to TypeScript
Convert JSON to TypeScript, Zod, React Query & Prisma instantly
SQL Formatter
Format & beautify SQL for PostgreSQL, MySQL, BigQuery & 15 more
HTTP Status Codes
Plain English reference for every HTTP status code with real code examples
Git Reference
Find git commands by what you want to do — undo commits, rename branches, squash and more
SQL Reference
Find SQL queries by what you want to do — JOINs, GROUP BY, window functions and more
SEO Tools (21)
Open Graph Checker
Preview how your website appears on social media
Meta Tag Generator
Generate complete HTML meta tags for SEO and social media
Sitemap Generator
Create XML sitemaps to help search engines index your site
Schema Generator
Generate JSON-LD structured data for rich search results
Redirect Checker
Trace URL redirect chains & detect redirect loops
Core Vitals Checker
Analyze load times across 3G, 4G, 5G & fiber connections
Meta Tag Extractor
Extract and analyze all meta tags from any webpage
HTTP Header Analyzer
Check security headers, caching & performance optimization
HTML Cleaner
Strip bloated HTML attributes from AI and editor content
Word Counter
Count words, characters, sentences, and paragraphs instantly
Reading Time Estimator
Calculate reading and speaking time for any text
Case Converter
Convert between camelCase, snake_case, kebab-case & 15+ formats
Alt Text Checker
Check image accessibility and WCAG compliance for any URL
Sitemap Splitter
Split large XML sitemaps into smaller files (50,000 URLs each)
Sitemap Validator
Validate XML sitemaps for errors and Google compliance
XML Sitemap Extractor
Extract and export all URLs from XML sitemaps to CSV
Meta Length Checker
Check title and meta description character counts for SEO
Favicon Generator
Generate all favicon sizes from any image — ico, PNG, apple-touch-icon, webmanifest
OG Image Generator
Create beautiful 1200×630 Open Graph images for social media previews
Reading Level Checker
Analyze text readability with Flesch-Kincaid, SMOG, Dale-Chall and more
Web to Markdown
Convert any webpage URL into clean, structured Markdown instantly
Intel Tools (4)
Tech Stack Detector
Find what any website is built with — frameworks, hosting, analytics and more
NPM Package Alternative Finder
Find alternative packages for any npm package you're using
Can I Use
Check browser support for CSS, JS and HTML features
npm Trends
Compare npm package downloads, growth, bundle size and GitHub stars