Origin Button

Origin UI–style button with a refined 1px border, inner shadow and restrained interaction.

#button #origin-ui #outline #minimal

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

OriginButtonProps

Also accepts all props of React.ComponentProps<"button">

Prop	Type	Default	Description
variant	`keyof typeof variants`	`"outline"`	—

Install

$ npx shadcn@latest add https://chromotion.dev/r/origin-button.json

More like this

Outline Draw Button

Button whose SVG outline draws itself along the path on hover or focus.

Texture Button

Dark button with an SVG feTurbulence grain overlay; grain strength is adjustable.

Liquid Metal Button

Layered gradients imitate flowing liquid metal; a blurred halo spreads on hover.