squircle-js

• Purpose: Brings iOS-style squircle shapes to front-end projects, offering a smooth intermediate shape between squares and circles.
• Key Features:
  • Responsive squircle elements that work as intrinsic components.
  • Fallback support for No-JavaScript environments.
  • Lightweight (~2.1kB gzipped).
  • Supports React (with react@18 compatibility), with potential future support for other frameworks.
  • Includes documented usage examples.
• Drawbacks:
  • Requires JavaScript for corner smoothing (no CSS-only solution).
  • Does not support border-width (works best with background color).
• Target Audience: Front-end developers looking to implement iOS-style squircles in their projects.
• Framework Support: Primarily React, with potential expansion to other frameworks later.
• Visual Example: Demonstrates the difference between rounded squares and squircles, as highlighted in this Figma Blog post .
• Documentation: Available at squircle.js.org .