Tailwind CSS Squircle Utilities

A blank utility-first squircle plugin for Tailwind CSS. This package provides a set of predefined squircle-* classes that you can use in your project.

Installation

You can install the package using npm, pnpm, or bun:

npm install tw-squircle

pnpm add tw-squircle

bun add tw-squircle

Usage

To use the plugin, import the squircles.css file into your main tailwind.css file.

@import "tailwindcss";
@import "tw-squircle";

/* Your other styles here */

This will make the following utility classes available:

• squircle-16
• squircle-stroke-16
• squircle-16-12
• squircle-24
• squircle-24-16
• squircle-28
• squircle-36
• squircle-36-24
• squircle-48
• squircle-48-32
• squircle-32-48
• squircle-60