Tailwind Buttons

A collection of pure Tailwind CSS buttons — no animation libraries required.

Glare Button

A dark button with a glare sweep effect on hover.

$ npx shadcn add https://knot-ui.trupal.me/r/glare-button.json

A 3D button that flips its face on hover with perspective transform.

$ npx shadcn add https://knot-ui.trupal.me/r/flip-button.json

A bold button with corner bracket accents and a scale press effect.

$ npx shadcn add https://knot-ui.trupal.me/r/square-button.json

A frosted glass button with blur, inner glow, and a smooth hover scale.

$ npx shadcn add https://knot-ui.trupal.me/r/glass-button.json

A button with a rising overlay fill animation on hover.

$ npx shadcn add https://knot-ui.trupal.me/r/rise-button.json

A button with a sliding color overlay fill animation on hover.

$ npx shadcn add https://knot-ui.trupal.me/r/slide-button.json

A borderless link-style button with a sliding underlay animation on hover.

$ npx shadcn add https://knot-ui.trupal.me/r/slide-link-button.json