The Components of CMS Plus
CMS Plus components bring advanced functionality to Framer, turning static and limited CMS management into a dynamic and flexible experience.
Specialized Tools
Each CMS Plus component is built for a specific purpose, making it easy to integrate into your projects. You'll find clear setup guides, explanations of how it works, key tips to know, and examples of the best ways to use it. Whether you need advanced filtering, sorting, or search features, each component is designed to make your work simpler and more efficient.
Clear+
For projects with multiple active filters, Clear+ provides an easy way for users to reset all selected filters with just a single click, giving visitors a simple way to start fresh without navigating through the filtering options manually. Read the full details of this component.
Collection+
Collection+ is the core component of CMS Plus, dynamically updating your list in real time based on changes from other CMS Plus components like Filters+, Sort+, and Search+. This ensures your content stays in sync with user actions for a seamless and interactive experience. Collection+ also works with Framer’s native Pagination, Limit, and Start Offset features without the use of any additional components. Read the full details of this component.
Count+
Displays the number of items based on active filters and search results. Count+ is fully automatic and is triggered as filters are applied or removed, providing users with real-time feedback about how many items match the current criteria.
Count+ can total all search results across multiple Collection+ lists or count specific active Filters+ applied to selected Collection+ lists. Read the full details of this component.
Filters+
Framer's native filters are static, offering no interactivity for visitors. Designers can create multiple variants to cover filter combinations, but this is cumbersome to manage.
Filters+ solves this with dynamic, user-controlled filtering triggered through toggles within components. By leveraging transitions between variants, Filters+ delivers an intuitive, interactive experience without requiring countless manual variants.
Each supported collection field type has its own CMS Plus Filter+. Explore them all here.
Search+
Enhances filtering by applying filters instantly based on user input. As users type, it dynamically updates CMS content, simplifying searches.
It supports multiple Collection+ lists and can search all supported text CMS fields or specific ones defined by the user, offering versatile, automated filtering with no manual setup required. Read the full details of this component.
Sort+
While Framer limits sorting to a single CMS field, Sort+ enhances this by providing a way to toggle the sorting direction—either ascending or descending—directly on your page. Read the full details of this component.
How These Components Work Together
CMS Plus offers a harmonious suite of components that work seamlessly together to manage and manipulate CMS content in real time. Filters+ allow for dynamic filtering of Collection+ lists, Search+ handles real-time text-based filtering, and Count+ provides live feedback on the number of items. Clear+ helps reset the active filters, while Sort+ enables real-time sorting control.
These components provide unparalleled flexibility and interactivity, making them ideal for any Framer project that requires on-demand content management. The more CMS fields a collection has, the more powerful and customizable the filtering options become with CMS Plus.
Keep the components updated
Stay up to date with the latest version of each component.
Notes about each version can be view from the changelog.
Learn how to update Framer components.
Best Use Cases
CMS Plus is perfect for Framer projects that need dynamic and interactive filtering, especially those with complex CMS collections. Whether you're working with small projects or large-scale applications, CMS Plus makes it easy to organize, search, and display content in a way that enhances the user experience.
With CMS Plus, you can create advanced filtering systems that scale as your project grows, making it an essential tool for anyone looking to build sophisticated CMS-driven websites in Framer.