Design Tools Tools & Free Online Utilities
Generate CSS gradients, box shadows, QR codes, color palettes, glassmorphism, and SVG backgrounds. Copy ready-to-use CSS and SVG snippets instantly.
Generate colors, gradients, shadows, borders, CSS, and SVG codes.
- Color Picker - Pick colors, convert formats (HEX, RGB, HSL, CMYK), and explore visual gradients.
- Gradient Generator - Design linear or radial CSS gradients, add color stops, and copy cross-browser code.
- Color Palette Generator - Generate matching complementary, monochromatic, or triad palettes.
- Box Shadow Generator - Configure shadow distances, blur ranges, spread parameters, colors, and copy CSS box-shadow code.
- Border Radius Generator - Create asymmetric rounded corners and copy exact CSS border-radius code.
- Glassmorphism Generator - Generate glass-like frosted backgrounds with customizable blur, opacity, and borders.
- Neumorphism Generator - Generate soft, tactile neumorphic UI elements with perfect lighting bevel shadows.
- CSS Button Generator - Design complete hover-active buttons with customized shadows and padding metrics.
- CSS Loader Generator - Create infinite rotating loaders or loading bar animations via pure CSS structures.
- SVG Background Generator - Synthesize custom grid, wave, or particle patterns as responsive inline SVG variables.
- QR Code Generator - Generate custom QR codes for URLs, text, Wi-Fi, or contacts, and download as PNG/SVG.
- Barcode Generator - Generate industrial code barcodes (Code128, EAN, UPC) in vector outline formats.
- Favicon Generator - Construct multi-size ICO/PNG icons for browsers from text, colors, or image uploads.
- SVG Optimizer - Compress and minify large SVG vectors by pruning unnecessary metadata lines.
- CSS Clip Path Generator - Establish polygon or circular masks to crop background frames with exact CSS values.
- CSS Animation Generator - Configure CSS keyframe transitions and copy generated styled parameters.
- Font Pair Generator - Inspect complementary visual pairings of typical Google Font pairings.
- QR Logo Generator - Embed customized icons or labels directly in the center of QR codes.
- Contrast Checker - Analyze visual legibility contrast scores between background and front text colors.
- Random Color Generator - Generate striking randomized colors.
- Hex to RGB Converter - Convert color code structures.
- RGB to Hex Converter - Convert raw colors to HEX strings.
- HSL Converter - Convert colors into HSL structures.