Built with Framer
Framer CMS Filter Component Development
Ans Ali
Verified
Like this project
What the client had to say
Ans Ali delivered on time and according to my request. The task was complex, but he successfully created all the custom code and components I needed for my Framer project. The process was seamless, and communication was quick and easy.
Steinar Borø, Vest Studio
Jan 7, 2026, Client
Posted Jan 7, 2026
Built a custom Framer component with calendar, area, and category filters, CMS multi-references, and smart defaults across multiple sub-pages.
Likes
0
Views
1
Timeline
Dec 16, 2025 - Jan 7, 2026
Clients
Vest Studio
For this Framer project, I designed and implemented a fully custom, CMS-driven filtering component to handle complex event data and advanced logic beyond Framer’s default capabilities.
The component was built with the following filtering features:
Calendar Filter: Dynamically filters events based on the “Visible” date field.
Area Filter: Filters events using a Multi-Reference field connected to the Area CMS collection.
Categories Filter: Filters events using a Multi-Reference field linked to the Event-category CMS collection.
In addition to filtering logic, special attention was given to component flexibility and default behavior:
The component is reusable and deployable across multiple sub-pages (e.g., ÅKP, Blue Maritime Cluster).
On sub-pages dedicated to a specific Area, the component automatically defaults to that area.
In these cases, only the Calendar Filter and Categories Filter are shown to keep the UI clean and context-aware.
My role covered:
Custom code development for advanced filtering logic
CMS integrations using multi-reference relationships
Smart default states based on page context
Clean, scalable component structure
Seamless collaboration and quick iterations with the client
The final result was a robust, reusable Framer component that adapts intelligently across pages while maintaining performance, clarity, and a smooth user experience.