Pricing

Hold Button

Hold Button — an animated button component from Kokonut UI.

KKokonut UI·byKUKokonut UIPro

7,914

Bookmarks

18,114

Installs

116,714

Views

9 lines
import Component from "@/components/ui/hold-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
class-variance-authoritylucide-reactmotion
Source
kokonutui.com
License
MIT License
Published
1/25/2025
Categories
Buttons

Similar components

KUSwitch Button
8k
KUCommand Button
6.9k
KUGradient Button
5.3k
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.

Buttons components2k