Media React
React components and hooks for RIXL media.
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.
Install the SDK and display your first video in under 5 minutes.
Lit-backed video player with built-in controls and analytics.
Optimized images with lazy loading and thumbhash placeholders.
Infinite-scrolling feeds for social and content discovery experiences.
Framework-free web components for any HTML or JS project.
Framework-agnostic media fetching, analytics, and upload helpers.
Upload images, videos, audio tracks, subtitles, and feed posts.
Caption appearance, playback speed, volume, and global preferences.
Complete type safety with comprehensive TypeScript definitions and intelligent IDE autocompletion.
Works out of the box with sensible defaults. Advanced customization available when you need it.
Automatic lazy loading, adaptive streaming, and memory management for smooth user experiences.
WCAG 2.1 compliant components with proper ARIA attributes and keyboard navigation support.
React wrappers over Lit web components; core pure functions and stores framework-agnostic.
Battle-tested components used by millions of users with comprehensive error handling and fallbacks.
HLS streaming with built-in controls, fullscreen/PiP, and automatic analytics events
Automatic format selection (WebP, AVIF), responsive sizing, thumbhash placeholders, and image analytics
Pagination, scroll-based media activation, autoscroll/loop modes, and feed-level analytics
Components automatically adapt to screen sizes with mobile-first design and touch-friendly interactions
Full CSS customization with TailwindCSS support via the className prop
Built-in content_views, engagement, interaction, error, and session_start events
Build TikTok-style feeds, Instagram galleries, and YouTube-like experiences with professional media components
Product galleries, promotional videos, and high-quality imagery that loads instantly and converts better
Course videos with subtitles, interactive content feeds, and mobile-optimized learning experiences
Creator dashboards, media libraries, and content discovery interfaces with infinite scroll
Landing pages with hero videos, product showcases, and media-rich experiences that engage users
Internal tools, training platforms, and customer portals with reliable media delivery at scale
Full support for Chrome 88+, Firefox 85+, Safari 14+, and Edge 88+ with all advanced features
Native iOS Safari and Android Chrome support with touch gestures and mobile-specific optimizations
Automatic degradation for older browsers while maintaining core functionality and accessibility
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.