Distorted Photo Card

component

A photo card with a liquid WebGL lens that follows the pointer: the image swells under it, ripples outward, smears and splits into RGB when you move fast, with a hairline ring tracking the lens, lazy WebGL setup and a plain-image fallback.

pnpm dlx shadcn@latest add "https://reactframe.com/r/distorted-photo-card.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Distorted Photo Card – shadcn/ui Component by reactframe | shadcnregistry

Registries
reactframe
Distorted Photo Card

Distorted Photo Card

component

pnpm dlx shadcn@latest add "https://reactframe.com/r/distorted-photo-card.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

clsx
tailwind-merge

components/distorted-photo-card.tsx

clsx
tailwind-merge

components/distorted-photo-card.tsx