kaimdt Toolbox – Web Dev Tools

Build smooth linear-gradient, radial-gradient, and conic-gradient with unlimited color stops. Copy CSS code for any web project.

Create stunning animated wave, glass wave, liquid blob, mesh gradient, and noise texture backgrounds with Canvas. Export as PNG or SVG.

Create frosted glass UI cards with CSS backdrop-filter blur, transparency, and saturation. Ready-to-paste code for React or Tailwind.

Apple-style liquid glass effect with chromatic aberration and noise texture.

Build CSS backdrop-filter effects — blur, brightness, contrast, saturate — with live preview and browser-prefixed code export.

Design CSS box-shadow and text-shadow with multiple layers — create neumorphism, elevation, and depth effects. Copy CSS instantly.

Set CSS border-radius per corner in px or % — create pills, squircles, blobs, and custom rounded shapes.

Build CSS @keyframes animations with easing curves, timing, and live preview. Copy code for Tailwind or React projects.

Visually compose CSS transform functions — rotate(), scale(), translate(), skew(), and 3D perspective — with copy-ready code.

Apply CSS filter effects — blur, brightness, contrast, hue-rotate, grayscale, sepia — with visual sliders and 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.

Generate a full 50–950 color scale from any base color. Export as CSS custom properties, Tailwind config, or JSON for design systems.

Browse all Tailwind CSS 3 color shades with HEX, RGB, and HSL values. Copy as a class, CSS variable, or hex code.

Generate harmonious color palettes — complementary, analogous, triadic, and monochromatic — and export as CSS variables or Tailwind config.

Test foreground/background contrast ratios for WCAG 2.1 AA and AAA compliance. Required for accessible web interfaces.

Apply your color palette to a complete UI mockup with automatic tint/shade scale.

Extract dominant colors from any image. Upload or paste a photo and generate a palette with HEX, RGB, and HSL values.

Material You-inspired comprehensive palette: 84 colors from one input (Primary + Secondary, Light + Dark). Export as JSON, CSS, or Tailwind config.

Convert between HEX, RGB, RGBA, HSL, OKLCH, LCH, LAB, CMYK, and CSS color names. Supports all modern CSS color spaces.

Convert px to rem, em, vw, vh, pt, cm, mm instantly. Configure root font size for accurate Tailwind CSS or responsive design calculations.

Encode or decode text, URLs, and files to/from Base64 format.

Format, minify, validate JSON with syntax highlighting and tree view.

Convert HTML to React JSX/TSX with automatic class→className, style strings→objects, and self-closing tags. Also converts CSS to React inline styles.

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.

Ready-to-use CSS component templates: buttons, cards, text effects, loaders, and more.