Cinezy is a modern, high-performance streaming platform that lets you watch movies, TV shows, and anime for free. Built with React 19, Vite, and styled with Tailwind CSS, it offers a smooth and responsive user experience across all devices.
- 🎥 Multi-source Streaming - Watch content from 8+ different streaming providers
- 🔍 Advanced Search - Find any movie or TV show instantly
- 📱 Fully Responsive - Perfect experience on mobile, tablet, and desktop
- 🎬 Comprehensive Details - View cast, trailers, and related content
- ⚡ Lightning Fast - Optimized performance with React 19 and Vite
- 🌈 Beautiful UI - Modern interface with Tailwind CSS
- 🎞️ Rich Media Experience - High-quality video players and trailers
- 🎭 Browse by Category - Explore content by genre, popularity, and more
- 📊 Trending Content - Stay updated with what's popular
Cinezy integrates with multiple streaming providers to ensure you always find a working source:
- VidSrc (Primary)
- Server 1 (vidsrc.to)
- Server 2 (2embed.org)
- GodDrive
- VidSrc.xyz
- VidLink
- 2Embed Stream
- MultiEmbed
- Frontend Framework: React 19
- Routing: React Router v7
- Styling: Tailwind CSS 4
- Icons: Heroicons
- API: TMDb API
- Build Tool: Vite
- UI Components: Custom-built components
- HTTP Client: Axios
- State Management: React Context API
- Video Player: Custom iframe implementation
- Node.js (v16 or later)
- npm or yarn
- TMDb API key (get it from TMDB)
-
Clone the repository
git clone https://github.com/its-anya/Cinezy.git cd Cinezy -
Install dependencies
npm install # or yarn -
Configure environment variables Create a
.envfile in the root directory with the following:VITE_TMDB_API_KEY=your_api_key_here VITE_TMDB_BASE_URL=https://tmdbapi.yourapikey.com/3 -
Start the development server
npm run dev # or yarn dev -
Build for production
npm run build # or yarn build
- The home page displays trending, popular, and top-rated content
- Filter content by movies, TV shows, or anime using the navigation
- Scroll through categories to discover new content
- Use the search icon in the header to find specific content
- Results are shown in real-time as you type
- Click on any result to view detailed information
- Open any movie or TV show details page
- Click the "Watch Now" button to start streaming
- If a stream doesn't work, simply select a different provider
- For TV shows, select the season and episode before watching
- The interface automatically adapts to your device
- Dark theme for comfortable viewing
- Fast navigation between pages
src/
├── assets/ # Images and static assets
├── components/ # UI components
│ └── details/ # Detail page components
├── context/ # React context for state management
├── hooks/ # Custom React hooks
├── pages/ # Main page components
├── services/ # API services and streaming providers
└── utils/ # Utility functions
npm run dev- Start development servernpm run build- Build for productionnpm run preview- Preview production buildnpm run lint- Run ESLint
Cinezy can be deployed to various platforms:
- Vercel: Connect your GitHub repository for automatic deployments
- Netlify: Set the build command to
npm run buildand publish directory todist - GitHub Pages: Build locally and push the
distfolder
Contributions are welcome! Here's how you can contribute:
- Fork the repository
- Create a feature branch (
git checkout -b feature/YourFeatureName) - Make your changes and test them thoroughly
- Commit your changes with a descriptive message (
git commit -m 'Add feature: Description') - Push to your branch (
git push origin feature/YourFeatureName) - Open a Pull Request with detailed description of changes
- Wait for review and address any feedback
Please ensure your code follows the project's style guidelines.
This project is licensed under the MIT License - see the LICENSE file for details.
- TMDb for providing the movie and TV show data
- Vite for the amazing build tool
- React for the UI library
- Tailwind CSS for styling
- All the streaming providers that make this service possible
Developed with ❤️ by Anya