PRO

Depoluxe Sideways Carousel

An infinite cinematic project reel that rests as a fullscreen film, then opens into a diagonal stack while the user wheels, drags, or enters the left focus zone. Neighboring videos halve in size along the track before the stack folds back into the active project.

Component
BLANKFILMS

A cinematic practice for image, motion and culture

I
New FormsMara Vale
Atelier One
Install
npx shadcn@latest add https://ui.aryank.space/r/depoluxe-sideways-carousel.json

Installs from ui.aryank.space. To add it by hand, copy the files in Usage below, or register the @compronents namespace via the docs.

Files

API
PropTypeDefaultDescription
projectsSidewaysProject[]Eight BLANK film projectsProject metadata, video source, poster, and optional start time used by both carousel states.
brand[string, string]["BLANK", "FILMS"]Two-part wordmark aligned across the masthead.
claimstring"A cinematic practice for image, motion and culture"Italic positioning line below the wordmark.
navArray<{ label: string; href: string }>Five portfolio linksMasthead navigation items.
classNamestring""Additional class applied to the fullscreen root.
Customize
projectstext

Project title, director, client, hosted video URL, and starting frame time.

brand / claim / navtext

Centered masthead and portfolio navigation copy.

Dependencies
None.