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. motiq
  3. Torch Reveal

Torch Reveal

component

A finished hero with a second layer hiding above it: a soft, flickering torch around the pointer uncovers a blueprint twin, a wireframe, or a before/after render. The reveal is a CSS alpha mask driven by three custom properties per frame (never an SVG luminance mask, which silently no-ops in Chromium). Springs after the pointer, patrols a Lissajous path at idle, and degrades to a static split view.

pnpm dlx shadcn@latest add "https://motiq.dev/r/torch-reveal.json"
Premium blocks for shadcn/uiShadcnblocks.com ยท AffiliateExplore
  • utils
  • primitives
components/motiq/torch-reveal.tsx