Tool · CLI
Thumbnail Live Preview
CSS preview of a video thumbnail.
Preview
npx shadcn@latest add @atroui/thumbnail-live-previewInstallation
Agent blurb — install command + no npm UI rule. For agents
npx shadcn@latest add @atroui/thumbnail-live-previewSource lands in your repo. Installation · Registry
Usage
tsx
import { ThumbnailLivePreview } from "@/components/blocks/thumbnail-live-preview"
<ThumbnailLivePreview title="…" subtitle="…" format="youtube" />API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| format | ThumbnailFormat | - | Aspect format. |
| styleKey | ThumbnailStyleKey | - | Preset. |
| layout | ThumbnailLayout | 'bold-center' | Layout mode. |
Thumbnail Preview