Small utilities, generators and resources built by Eguth Studio. Free to use, designed with care.
Generate animated SVG graphics — spinners, loaders, shapes, waves and more. Customize colors, speed and size, then copy or download.
Build a consistent spacing scale from a base unit. Generate linear, geometric or Fibonacci scales with CSS variables and Tailwind config.
Combine CSS filters visually — blur, brightness, contrast, grayscale, hue-rotate, saturate, sepia and invert with real-time preview.
Preview HTML at multiple screen sizes side by side. Test responsive layouts with Tailwind breakpoint reference.
Design custom easing curves visually with an interactive bezier editor. Preview animations in real time and export CSS or Tailwind classes.
Create complex CSS clip-path shapes visually. Drag points, choose presets and export polygon, circle, ellipse or inset clip-paths.
Combine 2D and 3D CSS transforms visually — translate, rotate, scale, skew and perspective with live preview and transform-origin control.
Generate responsive CSS clamp() values for fluid typography and spacing. Set min/max viewport and values, preview at every breakpoint.
Transform screenshots into stunning visuals with browser frames, device mockups, gradient backgrounds and export in multiple formats.
Generate harmonious color palettes from a base color. Export hex codes instantly.
Paste any color and find the closest Tailwind CSS class instantly. Supports hex, rgb and hsl.
Design linear and radial CSS gradients. Pick colors, set direction, copy the code.
Build CSS grid layouts visually. Adjust columns, rows and gaps, then copy the code.
Visualize and adjust complex border-radius values on a live preview.
Create CSS box shadows with real-time preview. Fine-tune every parameter.
Generate glassmorphism effects with backdrop-blur, opacity and saturation controls.
Build CSS keyframe animations visually with a timeline editor. Export CSS and Tailwind classes.
Check WCAG contrast ratios between two colors. Verify AA and AAA compliance in real time.
Generate a responsive typographic scale from a base size and ratio. Export CSS variables, clamp() fluid values and Tailwind config.
Build flexbox layouts visually. Control direction, justify, align, wrap, gap and individual item properties.
Create stunning text effects — gradient text, stroke, neon glow, long shadow, retro 3D and emboss.
