Lens Text Demo
loomui/lens-text-demoFreeExample
A blurred headline pulled into focus under the pointer.
Install it
npx shadcn@latest add https://loomui.design/r/lens-text-demo.jsonSource
1import { LensText } from "@/registry/loomui/lens-text"23export default function LensTextDemo() {4 return (5 <div className="text-center">6 <LensText7 ring8 size={130}9 blur={8}10 magnify={1.04}11 follow={150}12 className="text-5xl font-semibold tracking-tight sm:text-6xl"13 >14 Hover me15 </LensText>16 </div>17 )18}
What it pulls in
Other registry items
Files it writes
More from loomui
All 91 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Aurora Backdrop Demoaurora-backdrop-demo | loomui | Examples | Free | no deps | |
| Bento Grid Demobento-grid-demo | loomui | Examples | Free | no deps | |
| Card Stack Democard-stack-demo | loomui | Examples | Free | no deps | |
| Compare Slider Democompare-slider-demo | loomui | Examples | Free | no deps | |
| Confetti Button Democonfetti-button-demo | loomui | Examples | Free | no deps | |
| Count Up Democount-up-demo | loomui | Examples | Free | no deps | |
| Credit Card Democredit-card-demo | loomui | Examples | Free | no deps | |
| Drawer Demodrawer-demo | loomui | Examples | Free | no deps |
