Gradient Button

component

Layered gradient button with emerald, purple, and orange variants, a gradient border in light and dark mode, soft inner glow, press feedback, and an optional icon, styled entirely with Tailwind CSS in React.

pnpm dlx shadcn@latest add "https://kokonutui.com/r/gradient-button.json"

Sign In

Gradient Button

component

Layered gradient button with emerald, purple, and orange variants, a gradient border in light and dark mode, soft inner glow, press feedback, and an optional icon, styled entirely with Tailwind CSS in React.

pnpm dlx shadcn@latest add "https://kokonutui.com/r/gradient-button.json"

button

components/kokonutui/gradient-button.tsx

button

components/kokonutui/gradient-button.tsx