Shadcn.io is not affiliated with official shadcn/ui
Changelog Sidebar Nav
React two-panel sidebar changelog block for Next.js with category navigation, filtered entries, and stagger animations built with TypeScript, Framer Motion, shadcn/ui, and Tailwind CSS.
Navigate changelog entries by category with this React and Next.js two-panel sidebar block. Features a left sidebar with clickable category filters including Features, Fixes, and Improvements, a right content panel with filtered entry list, active state indicators with colored dots, and Framer Motion stagger animations on filter change. Built with TypeScript interfaces, useState filtering, and Tailwind CSS utilities. Ideal for large product changelogs, developer documentation updates, and categorized release histories.
Related Components
React Emoji Categories Changelog
Emoji-tagged changelog entries
React Compact Badges Changelog
Dense badge-based changelog list
React Image Preview Changelog
Changelog with image thumbnails
React Stats Summary Changelog
Stats overview with entries
React Filterable Changelog
Changelog with category filters
React Split View Changelog
Split layout changelog view
FAQ
Was this page helpful?
Sign in to leave feedback.
Share Social
React changelog block with social sharing buttons for Next.js, featuring Twitter/X share and copy link icons per entry with ghost button styling built with TypeScript, Framer Motion, and Tailwind CSS.
Sla Compliance
A React SLA compliance changelog block for Next.js with uptime metrics, response time targets, breach indicators, and compliance history built with shadcn/ui and Tailwind CSS