Compositions
Core Primitives
Transitions
Typography
Customize
1
Installation
$ pnpm dlx shadcn@latest add @framecn/changelog-bite
Usage
import { ChangelogBite } from "@/components/framecn/changelog-bite";<ChangelogBite />API Reference
ChangelogBite
| Prop | Type | Default |
|---|---|---|
label | string | "New" |
title | string | "Inline diff view" |
oldContent | ReactNode | - |
newContent | ReactNode | - |
format | "square" | "portrait" | "square" |
background | string | "#141318" |
cardBackground | string | "rgba(20, 19, 24, 0.92)" |
accent | string | "#FFB38E" |
speed | number | 1 |
fps | number | 30 |
durationInFrames | number | 150 |
width | number | 1080 |
height | number | 1080 |
className | string | - |
Notes
Compact changelog entry
A short, punchy animation for product update announcements. Shows version number and bullet point changes.