1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month๐Ÿšจ Slop police๐Ÿšจ Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  2. vue-bits
  3. BellToggle

BellToggle

component

Pill toggle that answers a press at three tempos: the bell rings on damped keyframes, the label blur-crossfades, and the pill unfurls to the longer label through a clip-path on a critically damped spring. The pressed state is the receipt.

pnpm dlx shadcn@latest add "https://vue-bits.dev/r/BellToggle.json"
Premium blocks for shadcn/uiShadcnblocks.com ยท AffiliateExplore
  • @hugeicons/core-free-icons@4.3.3
  • @hugeicons/vue@^1.0.8
  • motion-v@^1.10.2
    components/BellToggle.vue