--- title: Changelog Pro — Product Changelog & Release Notes for HubSpot description: Premium changelog module for HubSpot with timeline, card, and compact layouts. Search, category filtering, expandable entries, and full style control from the editor. --- # Changelog Pro for HubSpot Product updates, release notes, and version history in three distinct layouts. Search, filter by category, expand entries, and style everything from the editor. Demo 1 — Timeline Layout ## SaaS Product Updates Classic timeline with vertical connector line and dots. Search bar, category filter pills, expandable descriptions, Load More pagination. Inter font throughout. --- ## What's New The latest updates, improvements, and fixes Subscribe to Updates All Load More No updates match your search. Demo 2 — Cards Layout, Dark ## Developer Changelog Elevated cards on a dark background with visible borders and shadow on hover. DM Sans body, purple and teal badge accents. Filters only, no search. --- ## Developer Changelog SDK updates, API changes, and breaking changes All Load More No updates match your search. Demo 3 — Compact Layout ## Design System Changelog Stripped-down compact layout with just divider lines between entries. No search, no filters, no version numbers. Playfair Display heading, warm amber palette. All entries visible. --- ## Design System Updates No updates match your search. Demo 4 — Cards Layout, Colorful ## Startup Product Log Rounded cards with medium shadow and lift on hover. Vibrant teal, indigo, amber, and rose badge colors. Search enabled, purple active filter pills. Load More at 3 entries. --- ## Product Updates Follow our journey as we build the future of project management Get Notified All Load More No updates match your search. Demo 5 — Timeline, Enterprise ## Financial Platform Release Notes Serif headings on a dark navy background with gold timeline accents. Long date format, version numbers enabled. Search with navy-themed toolbar styling. --- ## Platform Release Notes Quarterly updates and regulatory compliance changes View Full Roadmap All Load More No updates match your search. --- ## Setup & Configuration Changelog Pro displays product updates and release notes in a clean, filterable layout. Add entries via the repeater field in the Content tab, then customize every visual detail from the Style tab. ### Adding Entries Each entry has a date, optional version label, category tag (New, Improved, Fixed, Removed, or custom text), title, and expandable rich text description. The description supports full HTML including lists, code blocks, and links. Entries display in the order you arrange them in the repeater. ### Category Tags Five built-in categories with independent color controls: New (green), Improved (blue), Fixed (orange), Removed (red), and Custom (purple). Select "Custom" to enter any label you want. Each category gets its own background and text color fields in the Style tab. ### Date Formats Four options: short (Mar 15, 2026), long (March 15, 2026), numeric (03/15/2026), and relative (2 days ago). The date field is plain text so you control the input format. --- ## Layout Modes ### Timeline Vertical connector line with circular dots marking each entry. Date and version display in a fixed-width column on the left, with the entry title and expandable description on the right. Dot size, line width, and line color are all configurable. On mobile, the meta stacks above the content. ### Cards Each entry renders as a separate card with its own background, border, border radius, and shadow. Cards have configurable gap between them and optional shadow on hover for an elevated interaction feel. Best for changelogs where each update deserves visual prominence. ### Compact Minimal layout with entries separated by thin divider lines. No card containers, no shadows. Tighter vertical padding. Best for high-density changelogs where you want to show many entries without visual bulk. --- ## Search & Filtering Search filters entries by title and version number with 200ms debounce. Category filter pills show only the categories present in your entries. Both can be toggled independently. When no entries match, an empty state message appears. ### Load More Pagination Set the initial number of visible entries (3 to 50). A Load More button reveals the next batch. Set to 0 to show all entries without pagination. Pagination respects active filters. --- ## Style System Every visual property is controlled from the Style tab. 31 color fields, 2 Google Font pickers, 8 font size controls, card/entry styling, toolbar styling, badge styling, spacing, and responsive breakpoints. Nothing is hardcoded. - **Container**: max-width and horizontal padding. Section background spans full width, content is centered. - **Colors**: section bg, card bg, heading, subheading, title, description, date, version, timeline, search input (bg, text, border, placeholder), filter pills (default + active), category badges (5 pairs of bg + text), Load More button, CTA link. - **Typography**: heading and body Google Font pickers with theme inheritance. Separate size controls for heading, subheading, title, description, date, version, badge, and search. - **Entry**: border radius, padding, gap between entries, border color, shadow (4 levels), hover shadow, timeline width, timeline dot size. - **Toolbar**: search input radius and padding, filter pill radius, padding, and gap. - **Badge**: radius and padding for category badges. - **Spacing**: section padding top/bottom, heading margin, toolbar margin. - **Responsive**: configurable tablet and mobile breakpoints. --- ## Technical Details - **Zero dependencies**: vanilla JavaScript, no jQuery or external libraries - **Instance isolation**: all CSS scoped with `changelog-pro-docs`, multiple modules per page with zero conflicts - **Accessible**: `aria-expanded` on accordion toggles, `role="tablist"` and `role="tab"` on filter pills, `aria-label` on search input - **GPU-optimized**: transitions use transform and opacity only, with will-change hints for smooth animations - **Any template**: works on website pages, landing pages, blog listings, and blog posts. No theme required. Changelog Pro by Studio Nope