Frosted Image Reveal

A visually striking component that applies an interactive frosted glass effect to an image. The image is revealed locally as the user mouses over, creating an engaging "defrosting" interaction using advanced SVG filters.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Frosted Image Reveal to your project and fits it to your theme.

import React from 'react';
import { FrostedImageEffect, SVGFilters } from "@/components/ui/frosted-image-reveal";

export default function DemoOne() {
  return (
    <>
      <SVGFilters />
      <FrostedImageEffect />
    </>
  );
}