Embed the full power of Lesuto's social commerce engine directly into your own React Native app. Livestreams, stories, feeds, and digital gifting, ready to drop into your codebase.
Social Commerce Components
Don't spend months building video players, real-time chat, and moderation systems. The Social Kit provides production-ready components that connect directly to your Lesuto Tenant.
Embed high-quality, low-latency livestreams directly into your app. Supports WebRTC with HLS fallback.
Drop in fully functional social feeds, stories, and scenes. Users can like, comment, and share without leaving your app.
Monetize streams with digital gifts. The UI, animations, and backend ledger are all handled by the Social Kit.
Real-time chat with AI moderation (Positivity Engine) built-in. Let users ask questions and interact during streams.
Seamlessly transition users from watching a stream in your app to checking out on the Lesuto Hub or your custom storefront.
Choose the media player that fits your stack: expo-video, react-native-video, or our custom WebRTC adapter.
NPM Packages
Install only what you need. The Social Kit is split into core components and specific media adapters to fit your existing React Native stack.
The core package. Contains the UI components for feeds, stories, chat, and the LesutoProvider context. Requires a media adapter to render video.
Media adapter for Expo projects. Uses the official expo-video package for highly optimized, native video playback.
Media adapter for bare React Native projects. Uses react-native-video for robust cross-platform playback.
The ultimate livestreaming adapter. Provides ultra-low latency WebRTC playback with automatic fallback to HLS. Matches the exact experience of the native Lesuto Hub app.
Developer Experience
We've designed the Social Kit to be as easy to integrate as possible. Wrap your app in the LesutoProvider, pass in your chosen media adapter, and provide the user's access token.
Once configured, you can drop the LesutoFeed or LesutoLivePlayer anywhere in your navigation stack.
import { LesutoProvider, StoryRing, PostFeed } from '@lesuto-technologies/social-kit';
import { ExpoLesutoVideo } from '@lesuto-technologies/social-kit-media-expo';
import { ExpoLivePlayer } from '@lesuto-technologies/social-kit-live-webrtc';
export function SocialTab() {
return (
<LesutoProvider
tenantCode="your-tenant-code"
accessToken={user.vendureShopBearer}
environment="production"
videoRenderer={ExpoLesutoVideo}
liveRenderer={ExpoLivePlayer}
>
<StoryRing />
<PostFeed take={20} />
</LesutoProvider>
);
}The Social Kit is available to all Enterprise White Label tenants. Read the documentation to get started.
Read the Docs