Cinema Reel

Installation and usage

A cinematic portfolio with six full-screen film scenes, infinite vertical transitions and animated detail drawers.

Frontend adaptation of the publicly served React template, with editable formatted JavaScript. Film names, awards, reviews and ratings are illustrative sample content. The original unpublished TypeScript project is not included.

01 — Initialize shadcn

pnpm dlx shadcn@latest init

02 — Install the source

pnpm dlx shadcn@latest add https://podie.dev/framework-registry/cinema-reel.json

03 — Add it to your page

import { CinemaReel } from '@/components/apps/cinema-reel';

export default function Page() {
  return <CinemaReel />;
}

Included

• Six cinematic portfolio scenes
• Wheel, touch, keyboard and dot navigation
• Responsive animated details drawer
• Complete React and Vite project with local images and fonts

The ZIP includes the complete project, setup notes and upstream files and provenance in .podie. Extract it, run npm install, then npm run dev. The component installer adds a scoped React entry point to an existing project.

Source and attribution

Created by Modulify. Original source. Author permission notices are retained. Source revision: 1681211b25d7802883f6161e9d618d5a1e9f4db3d9ef103c73bca5e037deee98.