Menu
Do more with your website
Incredibly powerful Webflow tools to build high-quality Webflow websites
What is Wized?
Visual JavaScript development framework made for Webflow.
Develop production-ready, scalable web applications "on top" of your Webflow project. With Wized, you can write more javascript in less time with less effort.
Check website
Subscription
Starting from $9/month
See pricing
What can I build with Wized?
We like to think you can build anything with Wized. LMS, education tool, help center, gated content, multi-step form, authentication, etc. Wized is our most powerful and flexible product for customizing your Webflow project.
Check the demo
How do I integrate Wized in my Webflow workflow?
Apply the custom attribute, wized="ELEMENT_NAME" to any element in Webflow to access it Wized. Then write logic in Wized for all your front-end elements in Webflow. Read more about Wized Elements in our docs.
Who uses Wized?
- Used by teams to reduce development time
- Used by companies to build powerful products
Difficulty Level
Intermediate to Advanced. Great for people who code or want to code.
Beginner
Advanced
What is the learning curve?
Wized requires coding! If you know how to code, the learning curve is relatively low. We find that experienced developers may take 1-3 weeks to become proficient in the Wized workflow. People who don't know how to code, or have very limited knowledge, may take 3-6 months to adopt Wized for production level work.
One cool project built with Wized
Jack.org built a custom LMS with Wized! Their "Be There Certificate" course is an interactive online course that serves their 60,000+ students. Today, Jack.org is fast, agile, and effective when making updates to their LMS.
All Success Stories
What is Components?
Visually build JavaScript-powered components in Webflow without managing code, scripts, or third-party libraries.
Components is your reliable source for key web components that require JS.
Check website
Subscription
Starting from $5/month or $99 one-time payment
See pricing
What can I build with Components?
Cookie Consent, Sliders, Marquees, Tables, and more. Our list of shipped Components is growing monthly.
How do I integrate Components in my Webflow workflow?
Components is completely integrated into the Webflow Designer experience. A native Webflow App allows you to create, edit, and ship Components inside your Webflow project.
Webflow Marketplace App
Who uses Components?
- Used by developers to streamline development
- Used by companies to centralize JS components
Difficulty Level
Great for beginners
Beginner
Advanced
What is the learning curve?
There is a very small learning curve for Components. We've designed this product to look, feel, and function like Webflow. So, if you love using Webflow Designer, you'll love using Finsweet Components quickly.
One really cool feature of Components
Using the Library feature, you can view, access, and duplicate Components across your projects. Access any Component you've built on any other Webflow website without leaving the project.
Download the app
What is Attributes?
No-code implementation JavaScript library for Webflow.
Access the entire Attributes JavaScript library using custom HTML attributes that target elements and apply settings.
More about Attributes
Subscription
Free and Open Source
What can I build with Attributes?
Attributes is a Library with over 30 Solutions, which is too much to list here. Our most popular solutions are for Webflow CMS Lists. Attributes CMS Filter is the #1 fan favorite.
Play with CMS Filter Cloneable
How do I integrate Attributes in my Webflow workflow?
Apply custom fs- attributes to elements in Webflow to enable them as part of the JavaScript functionality. Follow step-by-step documentation to apply attributes throughout your Webflow project.
Check docs of simple solution
Who uses Attributes?
- Used by developers to implement third-party functionality, without the headaches
- Used by companies to centralize JS components
Difficulty Level
Great for beginners. Has intermediate and advanced options.
Beginner
Advanced
What is the learning curve?
You may feel a learning curve during your first implementation. Once you understand how Attributes works, the whole system is easier to use. We find that most users are comfortable with Attributes after 1-3 successful installations. Our tutorials and documentation will guide you through each implementation.
One cool fact about Attributes
The Attributes library has reached over 1 BILLION hits per month—and growing exponentially! Even Webflow uses our filtering solution on their website!
What is CMS Bridge?
Control Webflow CMS Collections directly from Airtable.
Sync both platforms for a seamless workflow.
Check website
Subscription
Starting from $5/month
See pricing
What can I build with CMS Bridge?
A deep synchronization (or as we like to call it "a bridge") between Webflow CMS and Airtable data. Maintain one source of truth, without sacrificing design or CMS.
Learn more from docs
How do I integrate CMS Bridge in my Webflow workflow?
Start by installing the CMS Bridge Airtable App from the Airtable Marketplace. After authenticating your Webflow project, you can set up your first Connection. The entire process is managed inside the natively inside Airtable.
Access Airtable Marketplace
Who uses CMS Bridge?
- Used by Airtable pros to improve workflow
- Used by companies to centralize data
Difficulty Level
Great for beginners
Beginner
Advanced
What is the learning curve?
The learning curve is low as CMS Bridge is made for beginners. With any experience in both Webflow CMS and Airtable, CMS Bridge should feel intuitive. See the fields from each CMS and "Connect" them. The step-by-step tutorial is in our docs.
One cool fact about CMS Bridge
Control Webflow CMS item state inside Airtable. Set every Airtable record to either draft, archive, stage or publish, just like you would in Webflow.
What is Client-First?
Set of guidelines and strategies to develop organized and maintainable Webflow projects.
Freelancers, agencies, and anyone building in Webflow can use the Client-First system to ship high quality websites that others can manage.
Check website
Subscription
Free and Open Source
What can I build with Client-First?
The system is designed to be completely customizable based on your project. At Finsweet, we use it for Agency work with big clients, one-page marketing sites, web applications, and production UI development.
How do I integrate Client-First in my Webflow workflow?
Getting start with Client-First consists of two parts:
1 — Start with the cloneable.
2 — Learn the system through the documentation.
Quick Guide to get started.
Who uses Client-First?
- The most used Webflow build convention
- Used by people and teams to unify project development
Difficulty Level
Great for anyone who uses Webflow
Easy
Difficult
What is the learning curve?
Client-First was made for beginner, intermediate, and advanced users. We find that most people, who are dedicated to learning Client-First and have a solid understanding of Webflow, can start using it effectively within 1 week. Mastery of Client-First can be achieved after 1-10 full project builds, depending on your existing experience with HTML and CSS.
One cool feature of Client-First
Using Client-First naming convention, together with Finsweet Extension, unlocks "Folders" in Webflow. Carefully organize classes inside virtual folders, which Finsweet Extension can display for you. Folders is where tech blends with the desire to organize.
Join 35,000+ users in Finsweet Extension
What is SEO Guide?
SEO best practices for your Webflow project. Learn the top, modern, and industry-approved SEO strategies to help your website rank on search engines. Attract more visitors to your business with SEO Guide.
Check website
How can I learn?
Check our Docs
Subscription
Free
What can I build with SEO Guide?
If you follow the recommendations we set in SEO Guide, you'll be shipping a site that search engines love to index. Learn how Technical and On-Page SEO can influence your website's visibility in search results.
How do I integrate SEO Guide in my Webflow workflow?
Read the SEO Guide documentation to understand the concept and implement in your next website project.
Who uses SEO Guide
- Used by developers to implement industry-proven
- Used by companies to centralize JS components
Difficulty Level
Easy to Advanced
Easy
Difficult
What is the learning curve?
Although many topics can be understood by beginners, there are some some advanced topics that many not be clear initially to beginners. We've created clear writeup to educate you on the most important Technical and On-Page SEO topics, regardless of your existing knowledge.
One cool feature of SEO Guide
The SEO Guide is a great SEO for us. Writing valuable content that people actually want to consume is key for SEO success. Our SEO Guide website project not only gives you industry leading information, but is also built as a model project for SEO success.
What is Finsweet+?
Members benefit from exclusive Attributes solutions, Attributes human support, early access to new products and features, and an automatic 10% discount on all our Products.
Check website
10% of all Finsweet Products
Enjoy 10% off any Finsweet Product subscription, content, or paid service we offer. Every subscription we offer (from $5/month to $150/month) is included. One-time payments too! No restrictions, just discounts on every Products purchase.
Subscription
$199 annually or $59 quarterly
Human support for Attributes
- Access to Attributes support team on Finsweet Forum
- Includes technical and custom code support
Access Support Forum
Early access and community Slack
- Get early access to new products and features.
- Have proximity with our developers and product managers to exchange feedback and ideas.
- Access to our community Slack to surround yourself with other Webflow professionals that love Finsweet.
Who joins Finsweet+?
- People who want discounts inside the Finsweet ecosystem.
- People who want quality support for Attributes implementation.
- People who love to be Finsweet first adopters.
One cool fact of Finsweet+
We rotate, change, and improve Finsweet+ benefits each year. F+ is a constantly changing program that we work hard to provide value year after year.
Join today
What is Finsweet Extension?
A suite of tools to improve your Webflow development experience.
Unlock new and powerful tools and functionalities within Webflow to upgrade your workflow.
Download in Chrome Web Store
Subscription
Free
What can I build with Finsweet Extension?
- CSS styles sorting, editing and removal
- Interactions, components, and color swatches reordering
- Breakpoints management
- Unbind CMS elements in bulk
- Vertical canvas resizing
- Responsive text scaling tool
How do I integrate Finsweet Extension in my Webflow workflow?
Download the Extension from the Chrome Web Store and then open Webflow Designer. You'll see an {F icon in your left sidebar. That means you're ready to use Finsweet Extension!
Who uses Finsweet Extension?
- Used by agencies and freelancers who crave workflow improvements in Webflow Designer
Difficulty Level
Great for anyone who uses Webflow
Easy
Difficult
What is the learning curve?
Some features may require some trial and error to figure out. After 1-3 full development sessions using Finsweet Extension, most people feel comfortable using it on all projects.
One cool feature of Finsweet Extension
You can access Site Settings <head> and <body> code directly in Designer. No more opening Site Settings for site-wide global code!
Install Finsweet Extension today