The Components of CMS Plus

Each CMS Plus component is purpose-built for a specific function. Once added to your page, they immediately work their magic on your collection list—just like native Framer features. But here’s the game-changer: CMS Plus is designed to integrate seamlessly into your custom components, allowing you to trigger their functions on-demand for a more dynamic, interactive experience!

Below is a list of overviews for each type of component to help you get started:

• 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

Collection+ works as the hub, it's in charge of managing your list. Give it a unique ID number, and use the same ID on other CMS Plus components to link them to your Collection+ list. That's it!

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.