Pricing

Gradient Button

Gradient Button — an animated gradients component from Kokonut UI.

KKokonut UI·byKUKokonut UIPro

5,285

Bookmarks

15,485

Installs

98,085

Views

9 lines
import Component from "@/components/ui/gradient-button"

export default function Demo() {
  return (
    <div className="flex min-h-[420px] w-full items-center justify-center p-6">
      <Component />

3 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Dependencies
None — plain React + Tailwind
Source
kokonutui.com
License
MIT License
Published
1/9/2025
Categories
GradientsButtons

Similar components

KUSwitch Button
8k
KUHold Button
7.9k
KUCommand Button
6.9k
KUParticle Button
5.2k
KUSlide Text Button
4.1k
KUAttract Button
3.9k

That's all 6 components

Explore more

Part of Kokonut UI — browse the full library on Nuxus.

Gradients components0Buttons components2k