Media React
React components and hooks for RIXL media.
RIXL SDK provides production-ready components for displaying and interacting with processed media content. Built for developers who need reliable video streaming, image processing, and infinite-scroll feeds without the complexity of managing CDN delivery, adaptive streaming, or performance tuning.
Simply install the SDK, reference your media IDs from the RIXL dashboard, and deliver professional media experiences that work across all devices and network conditions.
Get Started Building
Getting Started
Install the SDK and display your first video in under 5 minutes.
Video Component
Lit-backed video player with built-in controls and analytics.
Image Component
Optimized images with lazy loading and thumbhash placeholders.
Feed Component
Infinite-scrolling feeds for social and content discovery experiences.
Lit / Vanilla JS
Framework-free web components for any HTML or JS project.
Core API
Framework-agnostic media fetching, analytics, and upload helpers.
Upload SDK
Upload images, videos, audio tracks, subtitles, and feed posts.
Settings
Caption appearance, playback speed, volume, and global preferences.
Why Choose RIXL SDK
TypeScript First
Complete type safety with comprehensive TypeScript definitions and intelligent IDE autocompletion.
Zero Configuration
Works out of the box with sensible defaults. Advanced customization available when you need it.
Performance Optimized
Automatic lazy loading, adaptive streaming, and memory management for smooth user experiences.
Accessibility Built-In
WCAG 2.1 compliant components with proper ARIA attributes and keyboard navigation support.
Framework Native
React wrappers over Lit web components; core pure functions and stores framework-agnostic.
Production Ready
Battle-tested components used by millions of users with comprehensive error handling and fallbacks.
Component Features
Video Player
HLS streaming with built-in controls, fullscreen/PiP, and automatic analytics events
Smart Image Display
Automatic format selection (WebP, AVIF), responsive sizing, thumbhash placeholders, and image analytics
Infinite Feeds
Pagination, scroll-based media activation, autoscroll/loop modes, and feed-level analytics
Responsive Design
Components automatically adapt to screen sizes with mobile-first design and touch-friendly interactions
Custom Styling
Full CSS customization with TailwindCSS support via the className prop
Analytics
Built-in content_views, engagement, interaction, error, and session_start events
Perfect for Modern Applications
Social Platforms
Build TikTok-style feeds, Instagram galleries, and YouTube-like experiences with professional media components
E-commerce Sites
Product galleries, promotional videos, and high-quality imagery that loads instantly and converts better
Educational Apps
Course videos with subtitles, interactive content feeds, and mobile-optimized learning experiences
Content Management
Creator dashboards, media libraries, and content discovery interfaces with infinite scroll
Marketing Campaigns
Landing pages with hero videos, product showcases, and media-rich experiences that engage users
Enterprise Applications
Internal tools, training platforms, and customer portals with reliable media delivery at scale
Browser Support & Compatibility
Modern Browsers
Full support for Chrome 88+, Firefox 85+, Safari 14+, and Edge 88+ with all advanced features
Mobile Optimized
Native iOS Safari and Android Chrome support with touch gestures and mobile-specific optimizations
Graceful Fallbacks
Automatic degradation for older browsers while maintaining core functionality and accessibility
Ready to build amazing media experiences?
Start with our Installation Guide to add the SDK to your project, or explore the Video Component to see what's possible with professional video playback.