About
A full-screen slider of dark gallery scenes: a flashlight follows the cursor and relights marble busts, layers move in depth and serif headlines change per slide. Built in Slider Revolution's visual editor; make it yours with a free SR Anywhere account and pass your embed key.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Shadow & Light Slider to your project and fits it to your theme.
Code
How Shadow & Light Slider is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { SliderRevolutionSlider } from "@/components/ui/shadow-light-slider";
// The demo key plays "Shadow & Light": four dark scenes with a pointer flashlight, depth layers and morphing headlines.
// It runs on Slider Revolution's demo account; make your own module with a free SR Anywhere account
// (anywhere.sliderrevolution.com/platforms/ai-builders) and pass its key instead.
export function Demo() {
return (
<div className="w-full bg-background">
<SliderRevolutionSlider embedKey="ek_yso4q6qddw4a6bs3yezf" />
</div>
);
}
export default Demo;
More by Slider Revolution
View all
Mood Board Carousel
1
Cymatic Particle Hero