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. CodeSlots

CodeSlots

component

One-time-code input where a hidden overlay input owns focus, paste and SMS autofill while each slot lands its digit on one spring: the fill swells from the centre, the digit rises and the caret glides; a wrong code drains the slots in a cascade, a right one merges them into a single accent wash.

pnpm dlx shadcn@latest add "https://vue-bits.dev/r/CodeSlots.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/CodeSlots.vue