Tool Directory
Everything you need, directly in your browser.
css CSS Generators
Gradient Gen
Create beautiful linear and radial CSS background gradients.
CSS Triangle
Generate pure CSS triangles instantly for tooltips and arrows.
Glassmorphism
Generate perfect frosted glass UI components for your interfaces.
Box Shadow
Visually design layered drop shadows for depth and elevation.
Border Radius
Visualize and generate complex 8-point CSS border radius values.
Snowfall Effect
Interactive CSS particle snow effect generator.
text_fields Typography & Layout
Flexbox Playground
Master CSS Flexbox visually with interactive controls.
CSS Grid Gen
Build complex CSS Grid layouts in seconds, drag layout grids visually.
Font Pairing
Discover and preview harmonious Google Font combinations.
Type Scale
Generate modular perfect typography scales using mathematical ratios.
Lorem Ipsum
Generate placeholder text instantly with paragraph and word controls.
image Image & Assets
Image Compressor
Reduce image file sizes instantly entirely within your browser.
Image Placeholder
Create custom dummy images for wireframes and export to SVG or PNG.
Format Converter
Convert between WebP, PNG, and JPG preserving transparency.
Image Resizer
Resize images accurately with aspect ratio constraints.
BG Remover
Remove image backgrounds instantly and privately using on-device AI.
Image Cropper
Crop images to specific aspect ratios or custom dimensions seamlessly.
Photo Filters
Apply Instagram-style filters and fine-tune image adjustments.
Watermark Creator
Protect your images by overlaying custom text or logo watermarks.
Collage Maker
Combine multiple photos into beautiful, customizable grid layouts.
SVG Optimizer
Clean and shrink SVG markup for production environments.
SVG Waves
Generate beautiful scalable section dividers and wave shapes.
QR Code Gen
Create custom, high-resolution QR codes with logo embedding.
terminal Developer Utilities
Regex Tester
Test, debug, and understand Regular Expressions with real-time highlighting.
JSON Formatter
Beautify, validate, and minify JSON data securely in your browser.
Base64 Encoder
Encode and decode text or files to Base64 format instantly.
URL Encoder
Safely encode your URLs or decode query parameters.
build Color & Utilities
Color Palette
Extract and generate color combinations automatically.
Contrast Checker
Ensure accessibility by checking WCAG color contrast ratios.
PX to REM
Quickly convert pixel values to rem for scalable CSS.
Social Sizes List
Up-to-date reference sheet for all platform image dimensions.