v1.0.0
Welcome to React Cinematic Lighting
A TypeScript-first React library for cinematic lighting effects—automatically extract colors from videos, images, canvases, and components to create ambient glows and dynamic backgrounds.
Installation →
Get started by installing the package and setting up your first component
Components →
Explore ready-to-use components with built-in cinematic effects
Hooks →
Learn about the powerful hooks for custom implementations
Examples →
Browse real-world examples and live demos
Key Features
- ✓Video realtime extraction - Real-time color extraction from playing videos
- ✓Image extraction - Extract dominant color from static images
- ✓Component extraction - Extract colors from any React component or DOM element
- ✓7 Built-in presets - YouTube, Netflix, Spotify, Apple, Minimal, Neon, Ambient styles
- ✓Performance optimized - FPS limiting, throttling, sparse pixel sampling
- ✓TypeScript first - Full type safety with comprehensive type definitions