Cinema

Cinematic mega menu with film strip aesthetics and dramatic transitions.

Main Features of Cinema

How to Use Cinema in Next.js

Installation Guide for Cinema

Props

Customize the component with these props

PropertyTypeDefaultDescription
brandName
string"STREAM."Brand name displayed in navigation.
navItems
string[]["Movies", "Series", "New", "List"]Array of navigation item labels.
movies
Array<{title: string, gradientFrom?: string, gradientTo?: string}>[]Array of movie objects with title and gradients.
backgroundColor
string"#000000"Background color (hex, rgb, or hsl).
cardTitleColor
string"#ffffff"Card title text color.
Cinema - React Mega Menu & Dropdown | Uilora