Attributes®: Free powerful features for your site, no confusing code

Open source Javascript library of solutions for adding filters, sort, load & search options, CMS tabs & sliders—and more—to Webflow using simple HTML attributes.

Find a Solution

List Filter

Create advanced and complex no-code filter systems for Webflow CMS Collection List content.

List Nest

Nest more than 5 items, and nest multiple collections on a page in Webflow

Inject Components

Keep components in sync across websites and inject components inside of Rich text elements

Custom Form Select

Use a Webflow Dropdown element as a Webflow Form <select> component

Star Rating

Star rating radio button component inside any Webflow form.

Number Count

Count a number from an initial value to an end value.

Input Counter

Increment and decrement (+ and -) counter in a Webflow Form.

Accordion

Create accessible accordions inside Webflow without Webflow Interactions.

Modal

Create accessible modal popups easily on Webflow.

Combo Box

Combine dropdown list and editable text input in Webflow

Social Share

Create buttons to share content on X, Facebook, Telegram, Linkedin and more.

Query Param

Use URL parameter values to populate form fields in Webflow

Static to Collection List

Add static content to a Webflow CMS Collection List.

Form Submit

Customize what happens after a Webflow form submission.

Read Time

Calculate and display the total read time of a text element or rich text in Webflow.

Table of Contents

Automatically create a table of contents for a Rich Text Block in Webflow

Copy to Clipboard

Copy content to the clipboard with a single click in Webflow.

Custom Slider Dots

Customize slider dots for native Slider component in Webflow

Disable Scrolling

Prevent the page from scrolling in Webflow when an element is clicked or an element is visible on the page.

Mirror Click Events

Mirror a click event from one element to another element in Webflow.

Mirror Input Values

Mirror a user Form input from one Webflow element to another input

List Load

Set up powerful load functionality on Webflow CMS Collection Lists. Load more, infinite scroll, pagination, and render all items.

List Slider

Create Native Sliders with CMS Collection List in Webflow.

List Tabs

Create dynamic tabs with CMS Collections Lists in Webflow

Custom Favicon by Page

Set a different custom favicon on each page of the Webflow project.

Smart Lightbox

Change the position of an opened lightbox to prevent unwanted z-index, fixed positioning, and transform issues.

List Select

Populate a Select Field with a CMS collection in Webflow

List Combine

Combine multiple list into a single list.

Auto Video

Autoplay and pause videos in Webflow based on visibility in the viewport

List Sort

Sort content in a CMS or static list in Webflow.

Range Slider

Build a custom Range Slider Form component natively in Webflow.

List Previous Next

Create previous and next items on Webflow CMS Templates.

Code Highlight

Show custom code blocks with syntax highlighting and theme support in Webflow

Build higher quality Components in less time

Visually build JavaScript-powered components in Webflow without managing code, scripts, or third-party libraries.

Explore our Components

Check our Cloneables

Explore the possibilities and start creating amazing websites with our Attributes solutions.

Check all Cloneables

WHAT IS NEW

The new features of our Filter Solution

Discover the latest updates in our Webflow Filter Solution

Create full-featured filtered lists

Build powerful filter UIs with advanced logic, condition groups, and flexible matching across any field.

Search with typos and partial matches

Improve search experience by matching close results using fuzzy logic, even when the input isn’t exact.

Set precise logic with custom operators

Use advanced operators like equal, contain, or greater—tailored to specific fields and filtering needs.

contain

not-contain

equal

not-equal

exist

not-exist

less

less-equal

greater

greater-equal

Show result counts and manage empty states

Display how many results match each filter and automatically hide or style filters with no matches.

Filter one list from multiple forms

Connect multiple filter UIs to the same List for layouts with separate or stacked filtering sections.

Control how filters are combined

Choose between AND, OR, or grouped logic to decide exactly how conditions interact.

OR

AND

OR

Filter CMS and static content

Apply filters to Webflow CMS Lists or static elements with the same Attributes setup.

Choose when filters run

Trigger filtering instantly on input, on change, or only on form submit—whatever fits the UX.

OUR COMMUNITY

The community and Attributes

Here's what the Webflow community is saying

Parth Gaurav

@DigiHotshot

I wanted to have more than one nested collection on a page. So I just used @thatsfinsweet attributes for the first time and Oh boy, it's so easy to implement. Earlier, it used to consume a lot of time to implement that using CMS Library. #webflow #NoCode

John Iseghohi

@MrJeberulz

From @figmadesign to @webflow. CMS powered dynamic slider done and delivered in less than 10 mins.

@thatsfinsweet CMS slider attributes and client first system powered by @relume_io

Will publish the full product in showcase soon, this one is big. #webflow #ux #design #web

Pierre VDK

@pierrevdk

I transformed a slider into a CMS slider on @webflow because it makes our client life easier but MOST OF ALL to try the new @thatsfinsweet Attributes, and I have to say, boys & girls, it's soooooo much easier than before!

Luke Netti

luke_netti

Used @thatsfinsweet attributes for the first time and they are amazing! 🔥 Used them for blog filtering. Read the documentation, watched the video, and had something working in ~15min.If you are using @webflow and haven't checked out @thatsfinsweet yet, you are missing out!

Ankita Gupta

@UxAnkita

Feeling accomplished today 🙌

Thanks to @thatsfinsweet attributes library, within a day I managed to use-2 Nest CMS within a CMSFilter CMS Pagination load in CMS all in one page while using Client-first.
‍

This is life-saving from Finsweet team.

Jp Trinh

@jptrinhh

Adding a filter feature has never been so easy with @thatsfinsweet's Attributes!

Did it in 10min because I had to go through the doc, but it'll only take a few minutes now 🤗

‍

Martin Hudobivnik

@mhudobivnik

Now that link blocks are Editor compliant via Finsweet's Attributes, this is THE way to do buttons with icons!

Neil McDermott

@venturian

Consistently having to shake my head at the brilliance of the products developed by @thatsfinsweet - client-first and attributes are game-changers for Webflow and FREE!

Jonathan Holden

@JonathanDHolden

Using @thatsfinsweet CMS Filter for @webflow

Sounding pretty cool on the screen reader. Next job to announce the results of the search.

Lilah

@khalilahkhalil

yesssssss @thatsfinsweet’s filtering works wonders! 😍

‍

Elliott Z

@Elliottzeli

Major shout to @joekrug for the @thatsfinsweet attribute directory and videos that helped me build a filter system for my #webflow job board without any additional tools! 💪

‍

Dean Yeong

@deanyeong

Super excited to have the filter up! 💪 Now you can easily find your favorite book notes based on the category: https://deanyeong.com/book-notes.

Thanks to @thatsfinsweet for the Webflow attributes.

RESOURCES

Advanced and complex no-code filter systems

Early access to products and features

Private group chat channels

Monthly members meeting

Vote on product roadmap and content

Advanced and complex no-code filter systems

Early access to products and features

Private group chat channels

Monthly members meeting

Vote on product roadmap and content

Advanced and complex no-code filter systems

Early access to products and features

Private group chat channels

Monthly members meeting

Vote on product roadmap and content