Changelog Marketing
MotionA marketing changelog with a gradient masked headline, a subscribe CTA and a timeline of versions with highlight dots and bullet lists that slide in.
src/registry/premium/changelog-marketing.tsx/r/changelog-marketing.json
Installation#
bash
npx shadcn@latest add @minidev/changelog-marketing
MiniDev UI is in the shadcn registry directory, so the short form works with no setup. Older CLI versions can use the full URL: npx shadcn@latest add https://ui.minidev.pro/r/changelog-marketing.json
Usage#
tsx
import { ChangelogMarketing } from "@/components/ui/changelog-marketing"
export function Example() {
return (
<ChangelogMarketing />
)
}
API reference#
| Prop | Type | Default |
|---|---|---|
entries | Entry[] | [ { version: "v0.6", date: "Sep 14", ... |
className | string | - |
Dependencies#
npm
motion
Built from
Examples#
Related landing pages components#
Agency PortfolioAn agency portfolio page with a marketing navbar, animated headline, project cards that fade up in sequence as they scroll in, and a mega footer.Blog HomeA blog index page with a marketing nav, tag filter chips for all, design and engineering, a grid of post cards with excerpts and dates, and a footer.Brand Kit PageA brand showcase page combining poster type, a typographic marquee, tilt cards, a text scramble, a grid reveal, a price morph and a magnetic CTA.Careers PageA React careers page with a marketing nav, animated headline, open roles listing location and employment type with apply buttons, and a mega footer.Changelog MotionA React changelog timeline where each release slides in on scroll with version, date, title, an optional New, Fix or Premium badge and a bullet list.Client Pitch KitA full client pitch page chaining a kinetic hero, metric ticker, live component rail, product mock, proof panel, before and after wipe, FAQ and quotes.
All Landing page sections for React and Tailwind