Film Roll

FilmRoll is a dynamic, horizontally scrolling video carousel with a magnifying glass cursor on hover.

Installation

npx @ayushmxxn/serenity-ui@latest add filmroll

Usage

import React from 'react';
import FilmRoll from './components/ui/FilmRoll';

const videos = [
    '/video/Roll4.mp4',
    '/video/Roll1.mp4',
    '/video/Roll3.mp4',
    '/video/Roll2.mp4',
  ];

const App = () => {
  return (
    <FilmRoll videos={videos}/>
  );
};

export default App;

Props

Prop Name	Type	Description
videos	string	Array of videos to be displayed in film roll