Chetan Verma

Video Player

Component 1.3K

About

A video player component made with framer motion and tailwind css.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Video Player to your project and fits it to your theme.

Code

How Video Player is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import VideoPlayer from "@/components/ui/video-player"

const VideoPlayerDemo = () => {
    return <VideoPlayer src="https://videos.pexels.com/video-files/30333849/13003128_2560_1440_25fps.mp4"/>
}

export { VideoPlayerDemo }

Dependencies

More by Chetan Verma

View all
  • Floating Action Menu

    Floating Action Menu

    1.5K
  • Animated Tabs

    Animated Tabs

    1.5K
  • Stacked Cards Interaction

    Stacked Cards Interaction

    796
  • Dropdowm Menu

    Dropdowm Menu

    548
  • Input With Tags

    Input With Tags

    524
  • Avatar Group

    Avatar Group

    505
  • Stacking Navbar

    Stacking Navbar

    334
  • Audio Player

    Audio Player

    332