gtokman/corner-smoothing

 Apple-like smooth corners for Tailwind CSS.

TypeScript

681

0 commits

updated Jan 27, 2025

www.garytokman.com/projects/tailwind-plugin-smooth-corners

See the code

README

Corner Smoothing

Adjusts a rounded corner to create a continuous curve. Inspired by Rob.

Installation

Install the plugin from npm:

npm install tailwind-corner-smoothing --save-dev

Usage

// Global.css / App.css

@plugin "tailwind-corner-smoothing";

// tailwind.config.js
module.exports = {
  plugins: [require('tailwind-corner-smoothing')],
};

Example

<div class="smooth-corners-md bg-blue-500">Smooth corners!</div>

License

MIT

apple

corner-smoothing

css

html

plugin

tailwind

tailwindcss

Significant stargazers

Fernando Rojo

3,240 followers · starred Jan 2025

Nathan Walker

712 followers · starred Jan 2025

Benjamin Staneck

216 followers · starred Jan 2025

stereobooster

419 followers · starred Jan 2025

Similar repos

adoxography/tailwind-scrollbar

Scrollbar plugin for Tailwind CSS

1,206

PavelLaptev/css-houdini-squircle

A tiny CSS Houdini module that allows to add a squircle shape to HTML elements

438

Kyant0/Capsule

Jetpack Compose smooth corners

194

barvian/fluid-tailwind

Build better responsive designs in less code.

1,780

Nathanaelrc/rounded-windows

GNOME Shell extension that adds rounded corners to all windows (Firefox, VS Code, etc.). Supports…

kirevdokimov/Unity-UI-Rounded-Corners

These components and shaders allow you to add rounded corners to UI elements!

1,753

francoismassart/eslint-plugin-tailwindcss

ESLint plugin for Tailwind CSS usage

2,070

Wombosvideo/tw-animate-css

TailwindCSS v4.0 compatible replacement for `tailwindcss-animate`

808