This Framer component allows you to dynamically filter and display a CMS collection based on specific keywords or phrases without a bunch of variants
Make it with Workshop
Build your own component with AI
This Framer component allows you to dynamically filter and display a CMS collection based on specific keywords or phrases without abunch of variants. It automatically generates filterable "chips" from the most common words in the connected content or allows you to define manual filters. The filtered content is displayed in a customizable layout, making it easy to manage and present large datasets or collections within your design.
Please note - you can only filter by the slug(title) not custom columns
This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library
Add this component to your canvas
Ensure slugs are properly set. If you want an item to filter for additional keywords, you can modify the slug to include that keyword
Select between automatic or manual filtering
For automatic filtering, you can choose the number of filters to show
For manual filtering, you can add the filters separated by commas
Configure & preview
You can choose between Automatic and Manual filter modes. In Automatic mode, you can specify the Number of Words to be extracted and displayed as filter chips, while in Manual mode, you input Manual Words as a comma-separated list. You can also connect a Collection List to be filtered and customize the appearance of the filter chips using the Chip Style control, which includes settings for padding, border, background, and font. Additionally, you can configure the Layout of the filtered results, with options for vertical, horizontal, or grid layouts, and adjust Spacing and Gap parameters accordingly.
When you purchase this component, you'll receive:
The Component Itself - Full access to the component all future updates
Remix File with Component Setup - A complete Remix file with the component pre-configured and ready to integrate into your project.
Setup Instructions - Clear, step-by-step instructions to help you implement the component quickly and correctly.
Dedicated Support - Direct access to our team for assistance if you encounter any issues during setup or implementation.
For any queries and help setting up the component, contact hello@segmentui.com
If a component does not function as advertised and the issue cannot be resolved, you are eligible for a full refund under our quality guarantee. Refunds will not be provided for any other reasons, including change of mind, accidental purchase, lack of use, or expectations of features not explicitly advertised.