kaimdt Toolbox
CSS Generators
Generate linear, radial, and conic gradients with full color stop control.
Create frosted glass UI cards with blur, opacity, and saturation controls.
Apple-style liquid glass effect with chromatic aberration and noise texture.
Build complex backdrop-filter CSS with blur, brightness, contrast, and more.
Design box-shadows and text-shadows with multiple layers and presets.
Fine-tune each corner independently with px or % units.
Build @keyframes animations with timing, easing curves, and live preview.
Compose translate, rotate, scale, skew and 3D perspective transforms visually.
Apply blur, brightness, contrast, hue-rotate and more with live preview.
Create custom icons and logos with geometric shapes, gradients, and text. Export as SVG or PNG.
Create custom shapes and masks with polygon, circle, ellipse, and inset clip-path.
Design multi-layer text-shadow effects with offset, blur, and color controls.
Color Tools
Generate a full 50–950 color scale from any base color with CSS variables.
Generate Tailwind-compatible color palettes and export as config snippets.
Explore complementary, analogous, triadic, and tetradic color harmonies.
Verify WCAG AA/AAA contrast ratios between foreground and background colors.
Apply your color palette to a complete UI mockup with automatic tint/shade scale.
Converters
Convert between HEX, RGB, RGBA, HSL, HSV, OKLCH and CSS color names.
Convert px, rem, em, vw, vh, pt, cm, mm between each other instantly.
Encode or decode text, URLs, and files to/from Base64 format.
Format, minify, validate JSON with syntax highlighting and tree view.
Convert HTML to JSX with automatic className, style objects, and self-closing tags. Also CSS to JS.
Dev Tools
Compare two texts or files side-by-side or in unified view with line-by-line diff.
Test and debug regular expressions with real-time highlighting and language snippets.
Format, minify and reference syntax for JavaScript, TypeScript, Python, Rust, C++, C#.
Word count, case converter, line sorter, duplicate remover, and AI text cleaner.
Secure browser-based password generator with strength meter and passphrase mode.
Generate QR codes from text or URLs with customizable size and error correction.
Generate placeholder text in paragraphs, words, or sentences for mockups.
Generate MD5, SHA-1, SHA-256, SHA-512 hashes from text input instantly.
Convert between Unix timestamps, ISO 8601, and human-readable dates.
Generate v4 UUIDs (Universally Unique Identifiers) for your applications.
Convert SVG code to CSS-ready data URLs or optimized inline strings.
Optimize and minify SVG files by removing metadata, comments, and unnecessary attributes.