Override
Filtering Without CMS
Copy
Override
Copied to Clipboard!
Instructions
Organize content using a grid or stack
Create buttons for your desired filters
You have two overrides you need to apply:
Apply Trigger1 to the filter button
Apply VisibilityChange1 to each entire frame for the object that should be displayed when that button is clicked
There is a small issue that can cause the spacing of these frames to disappear (currently looking for a fix) to avoid this, add top and bottom padding to elements as needed.
If you need more filters…
This override provides you with 4 possible filters, if you need more - find // START COPY HERE and copy and paste that area below until // STOP COPY HERE
You will then need to change all instances of “FilteredItem1” to FilteredItem4, FilteredItem5, etc.
Code Preview
Terms of Use for Pro Assets
By accessing and using this Framer Override Library, you agree to the following terms:
All code snippets provided are available for your personal and professional use. This includes personal websites, client projects, paid templates only (with the use of up to 10 assets per template), and other website projects in Framer. You are strictly prohibited from sharing, redistributing, selling these code snippets, or creating derivative works for resale or distribution. Unauthorized sharing, distribution, or selling of these code snippets is a breach of these terms and may result in termination of your access to this library, along with potential legal action.