Base Button

shadcn-style base button with 6 variants and 4 sizes, built on class-variance-authority.

#button #base #cva #variants

Edit in sandbox

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

Install

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

The CLI installs the base component; your customizations live in the code generated on the Customize tab.

More like this

HeroUI Button Group

HeroUI-style group with solid/bordered/flat/faded variants, 4 semantic colors and configurable radius.

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.