Tools
Free browser tools for everyday front-end work. Tweak, preview, and copy the result as CSS, Tailwind or React.
PNG & JPG to WebP
Shrink images to WebP in your browser, nothing uploaded.
CSS Gradient Generator
Linear, radial and conic gradients with up to five color stops.
Favicon Generator
Letter, emoji or logo to favicon.ico, PNGs and a manifest.
Meta Tag Generator
SEO and social tags with Google, Facebook and X previews.
QR Code Generator
Links, Wi-Fi, email or phone, with colors and your logo.
Mockup Generator
Screenshots in browser or phone frames on a gradient.
Box Shadow Generator
Layered shadows with a live light and dark preview.
SVG to JSX Converter
Turn any SVG into a clean, typed React component.
Glassmorphism Generator
Frosted glass cards with backdrop blur and saturation.
Border Radius Generator
Organic blob shapes by dragging, or simple rounded corners.
CSS clamp() Calculator
Fluid type that scales smoothly between two screen widths.
Easing Curve Editor
Drag a cubic-bezier curve and watch it move.
Color Palette Generator
Five-color UI palettes, Space for new ones, lock what you like.
Tailwind Color Converter
Any color to hex, rgb, hsl, oklch and the nearest Tailwind class.