Pricing

Lens

A interactive component that enables zooming into images, videos and other elements.

2,770

Bookmarks

8,970

Installs

159,570

Views

45 lines
"use client"

import { Button } from "@/components/ui/button"
import {
  Card,
  CardContent,
  CardDescription,
  CardFooter,
  CardHeader,
  CardTitle,
} from "@/components/ui/card"
import { Lens } from "@/components/ui/lens"

export default function LensDemo() {

31 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Dependencies
motion
License
MIT License
Published
1/10/2025
Categories

Similar components

That's all 6 components

Explore more

Part of Magic UI — browse the full library on Nuxus.