![Attributes](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67177fd1a641855a08cd5944_64760069e93084646c9ef2f6_icon-attributes-finsweet.svg)

# Attributes

- CMS filtering
- CMS Slider
- And lot more!

![Hero section of Finsweet Attributes v2 website promoting free no-code tools for Webflow, with a search bar and filter categories like CMS, Forms, and Rich Text.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/68b806bb25caad43c88cba18_finsweet.com_attributes%20(1).jpg)4.9/5 (238 reviews)FreeCupon code : [Test Tool

](https://www.finsweet.com/attributes/)**Attributes (developed by Finsweet)** are one of the first Webflow libraries—and still the most widely used today.

Originally launched as a V1, they’re now available in **V2 (open source)**. Attributes let you add powerful features to [your Webflow sites](/webflow) using a no-code approach, simply by adding scripts and HTML attributes.

## Why use Finsweet’s Attributes?

There are many reasons to integrate Attributes into your Webflow projects, for example:

- Filter your collections (blog, case studies, toolbox, etc.)
- Combine multiple CMS collections on the same page
- Apply different CSS styles inside your Rich Text blocks
- Populate sliders directly from your CMS collections
- Add a dynamic table of contents to your content

…and much more, available directly on their official website.

![List of Finsweet Attributes v2 features for Webflow, including List Nest, List Filter, Table of Contents, and more, displayed on a dark UI with fire emojis for popularity indicators.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/68b80695ee1bb52eeff13ae5_finsweet.com_attributes%20(2).webp)

## How does it work?

Think of Attributes as Webflow’s first real “plug-in.” They’re easy to use, safe, and don’t negatively affect your site’s performance.

You don’t need to write a single line of code—just copy and paste elements from the guided tutorials available on the **Finsweet Attributes** website.

💡 In early 2025, Finsweet launched **V2**: a more complete, faster (load-optimized), and open-source version. V1 is still accessible but no longer maintained.

![Finsweet Attributes v1 dashboard with category filters and most used components like CMS Slider, CMS Filter, and CMS Load, displayed on a black background.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/68b806558dd2731f4528f882_finsweet.com_attributes_v1.webp)

## Pricing

Good news: **Attributes V1 and V2 are 100% free**. (V2 is even open-source.)

![GitHub repository page for Finsweet Attributes, showing the codebase structure, recent commits, and project information under the Apache 2.0 license.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/68b806178dd2731f4528cc1d_github.com_finsweet_attributes.webp)

## Our take

Finsweet’s Attributes are a **must-have tool** in the Webflow ecosystem. They’re free, easy to use, and help you bypass many of Webflow’s native limitations—**without writing complex custom code**.

Only drawbacks: the official documentation is only available in English, and you have to make sure everything is correctly implemented for them to work properly.

> “Since their launch, Attributes have been an essential tool for our agency. They allow us to easily overcome Webflow’s limitations and deliver high-performing solutions to our clients.” — **Florian Bodelot**, Co-founder of Digidop

## Need help in the integration of Attributes

[Let’s work together!

](/contact)

## Examples of how the tool can be used

![Preview of a Webflow icon with a code snippet in syntax highlight.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67116df1a8f569b9f3cbd1b0_64760069e93084646c9ef241_6419bcf8813220c42fbf058d_Open-Graph-code-hightlight.webp)TutorialWebflowAll blog post

### How to change the preview of a code on Webflow?

[How to change the preview of a code on Webflow?](/blog/how-to-change-webflow-code-preview)How to change the preview of a code on Webflow?![CMS slider for Webflow with Finsweet attributes](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711753d5501c45c8c2ca01c_64760069e93084646c9ef22b_63591e2283a18d41613b4805_Open-Graph-webflow-cms-slider%252520(1).webp)TutorialWebflowAll blog post

### Tutorial to Create a CMS Slider on Webflow

[Tutorial to Create a CMS Slider on Webflow](/blog/tutorial-create-cms-slider-webflow)Tutorial to Create a CMS Slider on Webflow![Finsweet Attributes Support](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711789fb5ba16c7e2f95544_64760069e93084646c9ef08a_63284604644be70619a3607b_Open-Graph-webflow-attribute-support.webp)DocumentationWebflowAll blog post

### The Automated Support for Finsweet Attributes

[The Automated Support for Finsweet Attributes](/blog/support-attributes-finsweet)The Automated Support for Finsweet Attributes[Learn more in our blog

](/blog)Every great website  
starts with a conversation[Talk to an expert

](/contact)[Book a call

](/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)