Casereel

Casereel turns your best projects into a cinematic, scroll-stacked showcase. Each case study fills the screen, then the next one slides up and stacks on top as visitors scroll. Meanwhile, one video window follows the cursor around the screen and wipes to the next project's reel.

It's built for portfolio, agency and studio websites that want case studies to feel like a premium film, not a grid.

What you get:

• Full-screen sticky project panels that stack as you scroll

• A single video window that follows the cursor anywhere on screen, with soft spring motion

• A wipe-and-zoom video transition between projects, plus an animated "01 / 04" counter

• Backgrounds that zoom out as each panel arrives

• Titles that reveal word by word, with tags and summaries that fade up

• Italic accent words: wrap a word in stars to style it in the serif accent colour

• Fully responsive: on tablet and phone the details sit on top and a smaller window docks at the bottom

• Videos play only while they're on screen, so the page stays light

• SEO friendly: real headings with a choice of h2, h3 or h4, alt text on every image, and screen-reader labels

Easy to customise, with no code:

• Projects list: title, tags, summary, background image, video (upload or URL) and link, for up to 10 projects

• Accent, background, text and muted colours, plus image shade

• Eyebrow text, window label, window size and corner radius, and how smoothly the window follows the cursor

• Title and body fonts

How to use: paste Casereel into any page, set it to fill the page width, and replace the four demo projects with your own work. That's it.