BETA
--squircle-border-radius: 40px; --squircle-background-color: #2dd4bf;
Make Squircles simply on the web
Finally, a simple, modular way to create beautiful squircles in CSS, offering full customization and seamless integration as well as Tailwind CSS integration.
Inspired by Pavel Laptev's work
iPad Apple Air 11" Puce M3 128 Go Wifi 7th generation 2025
Handling with CSS
Modify your squircles directly in CSS via various combinable variables to give a result close to what a native squircle might be.
Tailwind CSS Plugin
Easily customize your squircles with our comprehensive tailwind plugin, which lets you play around with css variables.
Highly customizable
Choose between mask or background mode and customize radius, smoothing, background color and border size and color.
High compatibility
We use CSS Houdini combined with an improved version of css-paint-polyfill to ensure high compatibility with all modern browsers.