SmoothUI

Clip Corners Button

Geometric button with clipped corners and hover sheen.

Open in v0

Last updated: November 8, 2025

Installation

pnpm dlx shadcn add @smoothui/clip-corners-button
npx shadcn@latest add @smoothui/clip-corners-button
yarn dlx shadcn add @smoothui/clip-corners-button
bunx shadcn add @smoothui/clip-corners-button

Features

  • Unique clipped-corners style
  • Hover/press micro-interactions
  • Works with icons and labels
  • Easy theming

Props

Prop

Type

Button Copy

Copy-to-clipboard button with success feedback.

Dot Morph Button

Button with morphing dots for progress/confirmation.

On this page

Installation
Features
Props

Powered by

motion.dev