Tools for design and visual elements
Pick colors and generate palettes
Create beautiful CSS gradients
Visual CSS flexbox layout generator with live preview
Visual CSS grid layout generator with interactive grid cells
Generate CSS box shadows
Convert between CSS units
Generate QR codes with custom styling
Generate realistic fake data
Resize and convert images
Compress images without quality loss
Optimize and clean SVG files
Check WCAG AA/AAA contrast ratios for text and UI, preview live, and get the nearest accessible shade.
Design @keyframes visually with a live preview, presets, and full timing controls, then copy the CSS.
Craft custom cubic-bezier easing curves with a draggable graph and side-by-side animated preview.
Turn an image, emoji, or text into a full favicon set with all sizes and ready-to-paste HTML.
Build clip-path shapes with draggable points and presets, with a live preview and copyable CSS.
