Design organic blob shapes, fluid cards, and modern UI avatars with 8-value border-radius.
Execution runs 100% locally inside the browser sandbox using HTML5 Canvas, Web Cryptography Subtle API, and Web Workers. Zero egress.
Zero network latency. Operates completely offline with zero dependencies on third-party backend servers or cloud services.
Built according to official RFC specifications, cryptographic test vectors, and enterprise-grade data transformation standards.
Choose from organic blob presets, smooth pebbles, leaf shapes, or generate a random shape.
Adjust the 8 individual percentage sliders to sculpt your unique geometric shape.
Copy the standard border-radius property rule or the arbitrary Tailwind rounded-[...] class.
The slash syntax (e.g. border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%) sets horizontal radii before the slash and vertical radii after the slash, creating asymmetrical curves.
Yes, 8-point border-radius is part of the CSS Backgrounds and Borders Level 3 standard and is universally supported across all modern browsers.
Zero-egress companion tools in the Developer Tools suite
Convert raw CSS declarations, selectors, and stylesheets into clean Tailwind CSS classes.
Transpile JSON Schema Draft 7 & 2020-12 into strict TypeScript interfaces and runtime Zod schemas.
Generate compliant RFC 1035 BIND zone files with SOA, NS, A, AAAA, CNAME, MX, and TXT records.
Convert legacy TypeScript numeric/string enums into modern, bundle-friendly string union types.
