Pricing Focus
Pricing Focus for Remotion.
CompositionCompositionsAdvanced
pricing-focus30fps · 960×540
Install
$ npx remotion-ui@latest add pricing-focusPricing Focus.
1920×1080 pricing tier focus with lift and dim siblings.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/compositions/pricing-focus- Use when: complete video templates that can be customized as source.
- Customize: tiers, plus copied source for timing, layout, colors, and typography.
- Rule: do not import this component from the
remotion-uinpm package; it is copied into your project.
Usage
Example
import { PricingFocus } from "@/compositions/pricing-focus";
<PricingFocus tiers={[{ name: "Starter", price: "$0" }, { name: "Studio", price: "$29", featured: true }]} />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| tiers | Array<{ name: string; price: string; featured?: boolean }> | - | Pricing cards. |