Mood Board Carousel

Galleries 1

About

An endless filmstrip of pictures glides around a centred title on its own, for a portfolio, studio or brand page. Built in Slider Revolution's visual editor; swap in your own images 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 Mood Board Carousel to your project and fits it to your theme.

Code

How Mood Board Carousel is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { SliderRevolutionCarousel } from "@/components/ui/mood-board-carousel";

// The demo key plays "Mood Board": an endless filmstrip of images around a centred title.
// 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">
      <SliderRevolutionCarousel embedKey="ek_cy4oahiu67l55kyujha6" />
    </div>
  );
}

export default Demo;