Changelog
Accordion-style versioned release list with smooth GSAP height animation.
Component Showcase
Changelog
Accordion-style versioned release list with smooth GSAP height animation.
GSAPAccordion
Choose Installation Method
Select how you want to add this component to your project
Run command in your project root
$ npx @melonui-dev/cli add changelog
How to import and use
app/page.tsx
import { ChangelogCard } from "@/components/changelog";
export default function Page() {
return (
<main className="flex min-h-screen items-center justify-center bg-[#050505] p-8">
<ChangelogCard />
</main>
);
}AI Automation Agent Prompt
Feed this prompt to Claude, ChatGPT, or Gemini to quickly write custom integrations, layouts, or configure props for this component on your system.
I want to integrate the MelonUI "Changelog" component into my React/Next.js project.
Component description: "Accordion-style versioned release list with smooth GSAP height animation."
CLI Installation command: `npx @melonui-dev/cli add changelog`
Tags/Technologies used: GSAP, Accordion
Please write a premium, responsive React page component in Next.js that:
1. Imports `ChangelogCard` from `@/components/changelog`.
2. Places it inside a visually stunning layout matching a dark-mode, glassmorphism design system.
3. Outlines its props and options with clean code structure and comments.