Getting Started
Templates
Blocks
Components
For solo developers, indie hackers, and freelancers shipping their own products. Pay once, keep everything forever.
Instant download · No subscription · Lifetime access
For small teams, agencies, and freelancers shipping multiple client products. Lifetime access for everyone on your team.
Instant CLI token for 5 seats · Onboarding included · Invoice on request
| Prop | Type | Default | Description |
|---|---|---|---|
stories | Story[] | [] | Array of story objects to display. |
profile | StoryProfile | - | Profile information for the story owner. |
defaultDuration | number | 5 | Default duration in seconds for image stories. |
className | string | - | Custom class name for the trigger container. |
triggerSize | "sm" | "md" | "lg" | "md" | Size of the avatar trigger. |
ringColor | string | #2b7fff | Color of the animated ring around the avatar. |
onReply | (storyId: string, message: string) => void | - | Callback when user sends a reply. |
onLike | (storyId: string) => void | - | Callback when user likes a story. |
| Prop | Type | Description |
|---|---|---|
id | string | Unique identifier for the story. |
platform | SocialPlatform | Platform type (instagram, tiktok, etc). |
mediaUrl | string | URL of the image or video. |
linkUrl | string | Optional link URL. |
caption | string | Optional caption text. |
duration | number | Duration in seconds (for images). |
music | object | Optional music info with title and artist. |
| Prop | Type | Description |
|---|---|---|
name | string | Display name of the user. |
username | string | Username to show in the story. |
avatarUrl | string | URL of the profile picture. |
subtitle | string | Optional subtitle text. |