About
Split-layout before/after image comparison slider with a draggable divider and a sidebar of feature highlights and icons.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Comparison Slider with Highlights to your project and fits it to your theme.
Code
How Comparison Slider with Highlights is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { Reveal2, reveal2Demo } from "@/components/ui/reveal2";
export default function Default() {
return <Reveal2 {...reveal2Demo} />;
}
















