Automatically extract colors from videos, images, and components to create stunning ambient glows and dynamic backgrounds
npm install react-cinematic-lightingA complete solution for adding cinematic lighting effects to your React applications
Real-time color extraction from playing videos with optimized performance
Extract dominant colors from static images and apply ambient effects
YouTube, Netflix, Spotify, Apple, Minimal, Neon, and Ambient styles
FPS limiting, throttling, and sparse pixel sampling for smooth experiences
Full type safety with comprehensive type definitions out of the box
Fine-tune every aspect or create custom preset configurations
Get up and running with Cinematic Lighting in minutes
npm install react-cinematic-lightingimport { AdaptiveProvider, CinematicVideo } from "react-cinematic-lighting";
function App() {
return (
<AdaptiveProvider>
<CinematicVideo
src="video.mp4"
preset="youtube"
controls
/>
</AdaptiveProvider>
);
}