tailwindcss-smooth-corners
Playground
Tune the surface.
One control dock, a structured showcase grid.
28px
2.4

Enhanced corners

radius 28pxsuperellipse(2.4)
Buttons
Fast feedback surfaces.
Token
Cards
Calmer large surfaces.

Launch assets

Ready for review

Default profile

rounded-3xl

AI chat
Bubbles and composer shell.
Compare the fallback mode without corner-shape.
The outer frame stays calmer with the enhanced profile.
Dashboard
Nested panels and stats.

Adoption

64.2%

roundsoft

Surface audit

enhanced

Primary

Media

Mini

Controls
Search, filters, and segmentation.
Search corners, tokens, overrides
AllButtonsCardsMedia

Softer default

Sharper override

Notifications
Small floating surfaces.

New preset token saved

now

Fallback mode enabled for preview

now

Rounded utilities upgraded

now
Composer
Prompt box, helper actions, and states.

Draft prompt

fallback-safe
Navigation list
Dense lists and nested rows.
rounded-lg tokens01
corner-shape defaults02
browser fallback03
one-off overrides04
playground presets05
Media
Artwork, captions, and stacked info.

Rounded gallery cover

Preview how media blocks feel with the current radius and profile.