Compositions
Core Primitives
Transitions
Typography
Customize
1
Installation
$ pnpm dlx shadcn@latest add @framecn/product-launch-trailer
Usage
import { ProductLaunchTrailer } from "@/components/framecn/product-launch-trailer";<ProductLaunchTrailer />API Reference
ProductLaunchTrailer
| Prop | Type | Default |
|---|---|---|
logoLabel | string | "R" |
productName | string | "Framecn" |
versionLabel | string | "v1.0 is live" |
accentPeach | string | "#FFB38E" |
accentLavender | string | "#D4B3FF" |
accentMint | string | "#A1EEBD" |
background | string | "#141318" |
speed | number | 1 |
className | string | - |
Notes
Cinematic product reveal
A cinematic trailer animation for product launches. Combines multiple effects for a dramatic reveal sequence.