Captions
Compositions
Core Primitives
Transitions
Typography
- Blur Reveal
- Staggered Fade Up
- Masked Slide Reveal
- Tracking In
- Inline Highlight
- Marker Highlight
- Shimmer Sweep
- Typewriter
- Text Fade Replace
- Slot Machine Roll
- Infinite Marquee
- Perspective Marquee
- Matrix Decode
- RGB Glitch Text
- Strikethrough Replace
- Blur Out Up
- Bottom Up Letters
- Top Down Letters
- Per Character Rise
- Soft Blur In
- Micro Scale Fade
- Scale Down Fade
- Focus Blur Resolve
- Spring Scale In
- Line by Line Slide
- Mask Reveal Up
- Short Slide Right
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.