@spatio-labs/squircle v2
Tailwind class — edit me
className=
0.60 · squircle
0 = plain arc (round) 0.6 = squircle (iOS) · 1 = max
6px
a plain CSS border gets shaved at the corners squircle strokes the path instead
1 The plugin generates this CSS

          

          

            
2 The runtime computes this clip-path

            

          

          

            
3 The border strokes that same path

            

          

        


        

          
Browser support

          

            
              
Chrome / Edge✓all evergreen

              
Safari✓13.1+

              
Firefox✓69+

              
Older / no JSborder-radius fallback

            
          

          

            The runtime needs clip-path + ResizeObserver — supported in
            every evergreen browser. Native CSS corner-shape (Chromium 139+) is used
            as a progressive enhancement.
          

        

      


      

        

        

          

            

            
              
              
            
            
          

          
 same border without squircle

          

          
actual size