Attributes Webflow Integration
Another success for the Finsweet crew. A free solution to adding filtering and search to your Webflow sites.
Attributes by Finsweet brings powerful, client-side filtering and search functionality to Webflow sites without requiring custom code or external databases.
This free tool is essential for Webflow developers building content-heavy sites like portfolios, job boards, product catalogs, or blog archives. With Attributes, you can add dynamic filtering by multiple categories, implement instant search across CMS collections, and create sophisticated sorting options—all while keeping everything native to Webflow's CMS structure. The setup is straightforward: add custom attributes to your elements, and the Finsweet script handles the rest. Unlike server-side solutions or paid plugins, Attributes works entirely in the browser, meaning faster implementation and no ongoing costs. It's particularly valuable for improving user experience on collection pages where visitors need to quickly narrow down dozens or hundreds of items.
The tool also supports combine mode for advanced filtering logic and integrates seamlessly with Webflow's native interactions and animations. Because it's maintained by Finsweet—a trusted name in the Webflow community—you get reliable updates and extensive documentation.
Ideal for: Freelancers and agencies building directory sites, e-commerce stores, or any project where clients need robust search and filtering without the complexity or cost of custom development.
Recent builds that deliver
Clients I've helped ship better Webflow sites
"As I grow in my business, I need services to grow with, Derrick is that service when it comes to my website. He is patient, listens and takes onboard the changes I want in a timely manner. My website changes and develops with the needs of my clients and my offer which is great. He also brings new ideas and perspectives in how to improve and grow in line with my goals and business needs. I look forward seeing how this new phase develops."
Karin Young
Psychotherapist · Karin Counselling
"Derrick has been a great help in getting our SaaS website up and running. He is very knowledgeable in Webflow and was able to help us get the most out of the platform. His design skills are excellent and he was able to create a custom function-filled website that looks great and operates perfectly. I would highly recommend Derrick to anyone looking for a web designer who knows his stuff!"
Taita Ngetich
CEO · Synnefa
"Derrick is just great to work with! He's super fast, always responds in a timely manner, and is very flexible with last-minute requests. His Webflow development skills are rock solid and he has no problems keeping up with the fast pace of early-stage startups."
Carla Nassisi
Growth · Briink
"It has been a pleasure to work with Derrick! He delivered a pixel-perfect website for LLI, which not only looks and performs well but is also very organised and simple to maintain! During the process, he had the patience to clear all the incoming doubts that occurred when we were transitioning from one platform to another, and he not only delivered a great site but also tutorials on how to manage it."
Isabelle Krauze
UX Lead · LLInformatics
"Derrick is a gem of a person and a wealth of knowledge. He was so patient and helpful when explaining the more intricate parts of Webflow and bouncing around different possible solutions. He really knows the ins and outs of Webflow — it's no wonder that he's a certified Webflow Expert! I'm looking forward to the day when I get to work with him again."
Diana Donaldson
CEO · Be Indigo
"Derrick helped us redesign and build our site on Webflow and we couldn't be more pleased with the entire project. Derrick is very easy to communicate with, fast and efficient, and takes time to ask questions and provide suggestions where necessary. He has a great balance of technical and visual knowledge, which helped us build a fast, SEO-optimized site that looks great and is on-brand. Would happily hire Derrick again!"
Eliza Gerland
Strategic Marketer · UFODrive
"Derrick and his team were wonderful to work with and helped us a lot with launching multiple Webflow projects in addition to doing a full website backend revamp. Recommend him to anyone!"
Liza Moiseeva
CMO · Commons
"Derrick and his colleague were tasked with helping to implement new designs for our Home and Product pages on our website. We had a super tight deadline and they took it in their stride. Their communication throughout the project was great and the results were fantastic. Would highly recommend."
Marcus Vitelli
Brand Executive · Flexciton
"Derrick translated our ideas into visually stunning designs. He took our vision for Mirador Local's online presence and brought it to life in a way that exceeded our expectations. I highly recommend him to anyone seeking a talented and reliable designer for their next project."
Gerry White
Global Growth · Mirador
"Derrick has a solid and broad understanding of Webflow and has delivered huge improvements to our website."
Tim Sater
Marketing Lead · Provenance
"Derrick and his team did a great job building our marketing site and leaving us with the tools to sustainably iterate on our website. They didn't stop until the site perfectly matched our design vision. We would definitely work with them again!"
John Outwater
Data Visualization · Renoster
"Derrick made our vision a reality, he's simply a brilliant website developer. We're incredibly happy with the results, which match the designs. If you're a startup or scale-up looking for an excellent web developer to turn your ideas into reality, look no further!!"
Ben Leftley
Senior Delivery Manager · Unmind
"It was great working with Derrick’s team! Communication was smooth and the website ideation, design and development were executed well without much hiccups. Will highly recommend for your website projects! :)"
Indra Basak
Marketing · PreciX
"Derrick was conscientious, efficient and delivered on time. Communication was effective and they really understood the issues at hand. He ultimately delivered a professional looking website that exceeded expectations."
Miles Owen
Head of Digital · FMpay
"As I grow in my business, I need services to grow with, Derrick is that service when it comes to my website. He is patient, listens and takes onboard the changes I want in a timely manner. My website changes and develops with the needs of my clients and my offer which is great. He also brings new ideas and perspectives in how to improve and grow in line with my goals and business needs. I look forward seeing how this new phase develops."
Karin Young
Psychotherapist · Karin Counselling
"Derrick has been a great help in getting our SaaS website up and running. He is very knowledgeable in Webflow and was able to help us get the most out of the platform. His design skills are excellent and he was able to create a custom function-filled website that looks great and operates perfectly. I would highly recommend Derrick to anyone looking for a web designer who knows his stuff!"
Taita Ngetich
CEO · Synnefa
"Derrick is just great to work with! He's super fast, always responds in a timely manner, and is very flexible with last-minute requests. His Webflow development skills are rock solid and he has no problems keeping up with the fast pace of early-stage startups."
Carla Nassisi
Growth · Briink
"It has been a pleasure to work with Derrick! He delivered a pixel-perfect website for LLI, which not only looks and performs well but is also very organised and simple to maintain! During the process, he had the patience to clear all the incoming doubts that occurred when we were transitioning from one platform to another, and he not only delivered a great site but also tutorials on how to manage it."
Isabelle Krauze
UX Lead · LLInformatics
"Derrick is a gem of a person and a wealth of knowledge. He was so patient and helpful when explaining the more intricate parts of Webflow and bouncing around different possible solutions. He really knows the ins and outs of Webflow — it's no wonder that he's a certified Webflow Expert! I'm looking forward to the day when I get to work with him again."
Diana Donaldson
CEO · Be Indigo
"Derrick helped us redesign and build our site on Webflow and we couldn't be more pleased with the entire project. Derrick is very easy to communicate with, fast and efficient, and takes time to ask questions and provide suggestions where necessary. He has a great balance of technical and visual knowledge, which helped us build a fast, SEO-optimized site that looks great and is on-brand. Would happily hire Derrick again!"
Eliza Gerland
Strategic Marketer · UFODrive
"Derrick and his team were wonderful to work with and helped us a lot with launching multiple Webflow projects in addition to doing a full website backend revamp. Recommend him to anyone!"
Liza Moiseeva
CMO · Commons
"Derrick and his colleague were tasked with helping to implement new designs for our Home and Product pages on our website. We had a super tight deadline and they took it in their stride. Their communication throughout the project was great and the results were fantastic. Would highly recommend."
Marcus Vitelli
Brand Executive · Flexciton
"Derrick translated our ideas into visually stunning designs. He took our vision for Mirador Local's online presence and brought it to life in a way that exceeded our expectations. I highly recommend him to anyone seeking a talented and reliable designer for their next project."
Gerry White
Global Growth · Mirador
"Derrick has a solid and broad understanding of Webflow and has delivered huge improvements to our website."
Tim Sater
Marketing Lead · Provenance
"Derrick and his team did a great job building our marketing site and leaving us with the tools to sustainably iterate on our website. They didn't stop until the site perfectly matched our design vision. We would definitely work with them again!"
John Outwater
Data Visualization · Renoster
"Derrick made our vision a reality, he's simply a brilliant website developer. We're incredibly happy with the results, which match the designs. If you're a startup or scale-up looking for an excellent web developer to turn your ideas into reality, look no further!!"
Ben Leftley
Senior Delivery Manager · Unmind
"It was great working with Derrick’s team! Communication was smooth and the website ideation, design and development were executed well without much hiccups. Will highly recommend for your website projects! :)"
Indra Basak
Marketing · PreciX
"Derrick was conscientious, efficient and delivered on time. Communication was effective and they really understood the issues at hand. He ultimately delivered a professional looking website that exceeded expectations."
Miles Owen
Head of Digital · FMpay
"As I grow in my business, I need services to grow with, Derrick is that service when it comes to my website. He is patient, listens and takes onboard the changes I want in a timely manner. My website changes and develops with the needs of my clients and my offer which is great. He also brings new ideas and perspectives in how to improve and grow in line with my goals and business needs. I look forward seeing how this new phase develops."
Karin Young
Psychotherapist · Karin Counselling
"Derrick has been a great help in getting our SaaS website up and running. He is very knowledgeable in Webflow and was able to help us get the most out of the platform. His design skills are excellent and he was able to create a custom function-filled website that looks great and operates perfectly. I would highly recommend Derrick to anyone looking for a web designer who knows his stuff!"
Taita Ngetich
CEO · Synnefa
"Derrick is just great to work with! He's super fast, always responds in a timely manner, and is very flexible with last-minute requests. His Webflow development skills are rock solid and he has no problems keeping up with the fast pace of early-stage startups."
Carla Nassisi
Growth · Briink
"It has been a pleasure to work with Derrick! He delivered a pixel-perfect website for LLI, which not only looks and performs well but is also very organised and simple to maintain! During the process, he had the patience to clear all the incoming doubts that occurred when we were transitioning from one platform to another, and he not only delivered a great site but also tutorials on how to manage it."
Isabelle Krauze
UX Lead · LLInformatics
"Derrick is a gem of a person and a wealth of knowledge. He was so patient and helpful when explaining the more intricate parts of Webflow and bouncing around different possible solutions. He really knows the ins and outs of Webflow — it's no wonder that he's a certified Webflow Expert! I'm looking forward to the day when I get to work with him again."
Diana Donaldson
CEO · Be Indigo
"Derrick helped us redesign and build our site on Webflow and we couldn't be more pleased with the entire project. Derrick is very easy to communicate with, fast and efficient, and takes time to ask questions and provide suggestions where necessary. He has a great balance of technical and visual knowledge, which helped us build a fast, SEO-optimized site that looks great and is on-brand. Would happily hire Derrick again!"
Eliza Gerland
Strategic Marketer · UFODrive
"Derrick and his team were wonderful to work with and helped us a lot with launching multiple Webflow projects in addition to doing a full website backend revamp. Recommend him to anyone!"
Liza Moiseeva
CMO · Commons
"Derrick and his colleague were tasked with helping to implement new designs for our Home and Product pages on our website. We had a super tight deadline and they took it in their stride. Their communication throughout the project was great and the results were fantastic. Would highly recommend."
Marcus Vitelli
Brand Executive · Flexciton
"Derrick translated our ideas into visually stunning designs. He took our vision for Mirador Local's online presence and brought it to life in a way that exceeded our expectations. I highly recommend him to anyone seeking a talented and reliable designer for their next project."
Gerry White
Global Growth · Mirador
"Derrick has a solid and broad understanding of Webflow and has delivered huge improvements to our website."
Tim Sater
Marketing Lead · Provenance
"Derrick and his team did a great job building our marketing site and leaving us with the tools to sustainably iterate on our website. They didn't stop until the site perfectly matched our design vision. We would definitely work with them again!"
John Outwater
Data Visualization · Renoster
"Derrick made our vision a reality, he's simply a brilliant website developer. We're incredibly happy with the results, which match the designs. If you're a startup or scale-up looking for an excellent web developer to turn your ideas into reality, look no further!!"
Ben Leftley
Senior Delivery Manager · Unmind
"It was great working with Derrick’s team! Communication was smooth and the website ideation, design and development were executed well without much hiccups. Will highly recommend for your website projects! :)"
Indra Basak
Marketing · PreciX
"Derrick was conscientious, efficient and delivered on time. Communication was effective and they really understood the issues at hand. He ultimately delivered a professional looking website that exceeded expectations."
Miles Owen
Head of Digital · FMpay
"As I grow in my business, I need services to grow with, Derrick is that service when it comes to my website. He is patient, listens and takes onboard the changes I want in a timely manner. My website changes and develops with the needs of my clients and my offer which is great. He also brings new ideas and perspectives in how to improve and grow in line with my goals and business needs. I look forward seeing how this new phase develops."
Karin Young
Psychotherapist · Karin Counselling
"Derrick has been a great help in getting our SaaS website up and running. He is very knowledgeable in Webflow and was able to help us get the most out of the platform. His design skills are excellent and he was able to create a custom function-filled website that looks great and operates perfectly. I would highly recommend Derrick to anyone looking for a web designer who knows his stuff!"
Taita Ngetich
CEO · Synnefa
"Derrick is just great to work with! He's super fast, always responds in a timely manner, and is very flexible with last-minute requests. His Webflow development skills are rock solid and he has no problems keeping up with the fast pace of early-stage startups."
Carla Nassisi
Growth · Briink
"It has been a pleasure to work with Derrick! He delivered a pixel-perfect website for LLI, which not only looks and performs well but is also very organised and simple to maintain! During the process, he had the patience to clear all the incoming doubts that occurred when we were transitioning from one platform to another, and he not only delivered a great site but also tutorials on how to manage it."
Isabelle Krauze
UX Lead · LLInformatics
"Derrick is a gem of a person and a wealth of knowledge. He was so patient and helpful when explaining the more intricate parts of Webflow and bouncing around different possible solutions. He really knows the ins and outs of Webflow — it's no wonder that he's a certified Webflow Expert! I'm looking forward to the day when I get to work with him again."
Diana Donaldson
CEO · Be Indigo
"Derrick helped us redesign and build our site on Webflow and we couldn't be more pleased with the entire project. Derrick is very easy to communicate with, fast and efficient, and takes time to ask questions and provide suggestions where necessary. He has a great balance of technical and visual knowledge, which helped us build a fast, SEO-optimized site that looks great and is on-brand. Would happily hire Derrick again!"
Eliza Gerland
Strategic Marketer · UFODrive
"Derrick and his team were wonderful to work with and helped us a lot with launching multiple Webflow projects in addition to doing a full website backend revamp. Recommend him to anyone!"
Liza Moiseeva
CMO · Commons
"Derrick and his colleague were tasked with helping to implement new designs for our Home and Product pages on our website. We had a super tight deadline and they took it in their stride. Their communication throughout the project was great and the results were fantastic. Would highly recommend."
Marcus Vitelli
Brand Executive · Flexciton
"Derrick translated our ideas into visually stunning designs. He took our vision for Mirador Local's online presence and brought it to life in a way that exceeded our expectations. I highly recommend him to anyone seeking a talented and reliable designer for their next project."
Gerry White
Global Growth · Mirador
"Derrick has a solid and broad understanding of Webflow and has delivered huge improvements to our website."
Tim Sater
Marketing Lead · Provenance
"Derrick and his team did a great job building our marketing site and leaving us with the tools to sustainably iterate on our website. They didn't stop until the site perfectly matched our design vision. We would definitely work with them again!"
John Outwater
Data Visualization · Renoster
"Derrick made our vision a reality, he's simply a brilliant website developer. We're incredibly happy with the results, which match the designs. If you're a startup or scale-up looking for an excellent web developer to turn your ideas into reality, look no further!!"
Ben Leftley
Senior Delivery Manager · Unmind
"It was great working with Derrick’s team! Communication was smooth and the website ideation, design and development were executed well without much hiccups. Will highly recommend for your website projects! :)"
Indra Basak
Marketing · PreciX
"Derrick was conscientious, efficient and delivered on time. Communication was effective and they really understood the issues at hand. He ultimately delivered a professional looking website that exceeded expectations."
Miles Owen
Head of Digital · FMpay
Attributes FAQs
Common questions about using Attributes with Webflow.
Add the Finsweet Attributes library script to your Webflow site's custom code, then apply custom attributes to elements to enable features like CMS filtering, dynamic sorting, tabs, accordions, and more. Follow Finsweet's documentation for specific attribute names and values.
Finsweet Attributes extends Webflow's native capabilities without custom JavaScript. Add powerful features like real-time CMS filtering, search, multi-level tabs, nested CMS collections, and advanced interactions—all through simple HTML attributes. It's free, well-documented, and widely used.
Create filterable portfolios and product catalogs, implement searchable blog archives, build multi-step forms, add dynamic tabs and accordions, enable CMS load more functionality, create nested CMS collections, and enhance Webflow sites with interactive features beyond native capabilities.
Yes, Finsweet Attributes is completely free and open-source. It's maintained by Finsweet as a contribution to the Webflow community. No subscription fees, usage limits, or licensing costs—just powerful tools to enhance your Webflow projects.
Attributes Projects
Need Attributes on your Webflow site?
I integrate tools like this for clients all the time. Talk to me about your setup.