Components
A component that applies a frosted glass effect to an image, allowing users to reveal the clear image beneath by hovering.
npx @21st-dev/cli add dhileepkumargm/frosted-image-reveal-1Loading preview...
import { FrostedImageReveal } from "@/components/ui/frosted-image-reveal-1";
export default function DemoOne() {
const imageUrl = "https://images.pexels.com/photos/1352296/pexels-photo-1352296.jpeg";
return (
<div className="App">
<FrostedImageReveal
src={imageUrl}
alt="A foggy forest path with sunlight filtering through the trees."
/>
</div>
);
}