Film Studio Page
A source-backed Negative Films website template. It ships the full routed experience (index, work, culture, directors, contact, sample film) with a project-grid Preloader, scramble nav menu, Three.js pixelated-video hero, html2canvas pixelated-text, lens-distortion work slider, expanding spotlight gallery, Lenis smooth scroll, ukiyojs parallax, split-image scroll, and a clip-path page transition. Media is served from Blob with Cossette Titre typography.
npx shadcn@latest add @compronents/film-studio-pageInstalls from ui.aryank.space. Needs a registry token and a one-time @compronents entry in components.json. The docs walk through both.
| Prop | Type | Default | Description |
|---|---|---|---|
| assetBase | string | "https://ui.aryank.space/assets/film-studio-page" | Base URL prefixed to every image, video, and CSS background the template renders. |
| initialPath | "/" | "/work" | "/culture" | "/directors" | "/contact" | "/film" | "/" | Source route mounted first. |
| className / style | string / CSSProperties | undefined | Passed to the root <main> wrapper for sizing and layout. |
initialPathtextWhich source route the template opens on: /, /work, /culture, /directors, /contact, or /film.
assetBaseasset-urlBase URL for the template's Blob-hosted media, starting at https://ui.aryank.space/assets/film-studio-page/hero/hero-footage.mp4.
@gsap/reactgsaphtml2canvaslenisthreeukiyojs