Gradient Border Generator
Create CSS gradient borders with customizable colors, angle, width, and border radius. Copy the CSS code directly into your project.
CSS Code
border-radius: 12px; padding: 24px; border: 3px solid transparent; background: linear-gradient(var(--bg, #fff), var(--bg, #fff)) padding-box, linear-gradient(135deg, #ec4899, #3b82f6) border-box;
Frequently Asked Questions
Related Tools
Border Radius Generator
Generate CSS border-radius with visual preview. Supports individual corners, elliptical shapes, and fancy blob shapes.
CSS Gradient Generator
Create beautiful CSS gradients visually. Linear, radial, and conic gradients. Multiple color stops, presets, random generator. Copy CSS code instantly.
JSON Formatter
Format, validate, and minify JSON data with syntax highlighting.
Base64 Encoder / Decoder
Encode text to Base64 or decode Base64 strings back to plain text.
Regex Tester
Test and debug regular expressions in real-time. Matches highlighted, capture groups, replacements.
CSV to JSON Converter
Convert CSV data to JSON arrays and JSON arrays back to CSV. Custom delimiters supported.