Discover the best finsweet websites created by professional designers. Get inspired and start planning your perfect finsweet web design today!

Finsweet

We’re super excited to share with you our translation UI Kit! We’ve worked with Webflow translation solution Weglot to show you a way for going multilingual on Webflow. 

Use our UI Kit to clone 14 custom language switchers with a style for everyone (flags, language codes, language name, etc). We’ve created this site to showcase just how easy it is to set up a multilingual Webflow site without any code or duplicated pages / sites. Multilingual on Webflow just got a whole lot easier :rocket:

Love, Finsweet & Weglot teams.

Weglot For Webflow

Translate Webflow Website

This is the official project starter cloneable for Client-First.

It contains a style guide page with all the utility classes that come with the Client-First style system.

What is Client-First? https://www.finsweet.com/client-first

Full docs: https://www.finsweet.com/client-first/docs

Made with 💪 by Finsweet

Client-First Cloneable

We love lottie animations! We built lottieflow.com to prove it!

Lottieflow Hero

Lottieflow.com Hero

Webflow-exclusive agency for companies who want an incredibly clean and sexy Webflow build. The Finsweet team is crazy focused on client satisfaction. F’in sweet design, development, and animation.

Finsweet 2019

Learn how to Combine, Load More, Filter, Sort, and Add Classes to a Webflow dynamic list. Clone the website and walk through the implementation with us.

How to - F'in sweet CMS Library

Copy-paste cloneable components for GDPR compliant Finsweet Cookie Consent.

Full docs: https://cookie-consent.finsweet.com/

✅ Cookie consent compliant
✅ Stop scripts from loading with no-code
✅ No javascript editing. 100% attribute based
✅ 100% Webflow designer friendly. Zero design limitations
✅ Webflow Interactions integrated. Go wild
✅ Multiple options for level of cookie consent
✅ Zero cost out of the goodness of our F’in sweet hearts

Made with 💪 by Finsweet

Cloneable - Finsweet Cookie Consent

Finsweet Cookie Consent - Components Cloneable

Accessible components for Finsweet’s Attributes CMS Filter and web forms.
Radio Button, Checkbox, Search, Dropdown, Select, Range Slider, and more components to help you build accessible web forms.

Find more solutions at No-Code Attributes directory for Webflow: https://www.finsweet.com/attributes/directory

Made with 💪 by Finsweet

Accessible Filter UI KIT

Accessible Form Filter Components

As I approach 500 followers, I thought I'd unleash this beast to the public to pick apart!

She was a doozy, I tell you. The toughest part was figuring out how to manipulate the CSS Clip section to create the filled-in effect on hover.

Also big props to the guys at FINSWEET for their ClassAdder tool, which I'm using here to make the images go on top of one another 💪

So, clone away, and let me know what you think in the comments!



Dribble: 𝔅𝔢𝔰𝔱𝔖𝔢𝔯𝔳𝔢𝔡𝔅𝔬𝔩𝔡 - Nightingale Interactions 02 (https://dribbble.com/shots/8023325-Nightingale-Interactions-02)

FINSWEET Class Adder: https://classadder.webflow.io/

Hoatzin

Single-Page CMS Portfolio! Dribbble Series ft. 𝔅𝔢𝔰𝔱𝔖𝔢𝔯𝔳𝔢𝔡𝔅𝔬𝔩𝔡

You can now build a **3D interactive globe** in a @Webflow website with no code!!! 😎 In 2020, Weglot and Finsweet joined forces to launch the most cloned showcase of the year.

This year, we're back with a clonable that'll blow your mind! 🤯 Learn how to build animated, interactive, and multilingual 3D globes in Webflow, controlled entirely by .JPG image! Use it to show your remote team's location, design a branded map, or build a cool-looking sphere that simply spins around. If you're feeling lazy, then just get started with our free cloneable!

✅ Compatible with Webflow CMS.
✅ Multi-language support.
✅ No 3D skills needed.
✅ No javascript skills needed. 100% attribute based.
✅ Pins and tooltips are 100% Webflow Designer friendly.
✅ Free source file templates to create custom globe images.
✅ Free Webflow cloneable.
✅ Endless possibilities.

Made with 💪 by Finsweet

3D Globes in Webflow

3D Globes for Webflow

Congratulations to Joshua Jacobs for winning the first annual CloneComp challenge. 

Joshua - https://webflow.com/joshwork

Explore the site to learn more about the competition. 

Hosted by: Sarasota Webflow Meetup
Produced by: nocode.video
Site built by: Finsweet

Event sponsored by:

Webflow
Makerpad
Memberstack
nocode.video
Flowbase
Finsweet
Jetboost
CodeCrumbs
Flowmingo

Media partners:

VisualDev.FM 
Nocode.Report

Clone Comp 2020

CloneComp

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

CMS Filter Example by Attributes

Webflow CMS Filter

You can now create localized calendar invites for Google, Outlook, and Apple directly from Webflow. Compatible with Weglot and Google Translate. Cal-Invite works for custom static events, dynamic lists, and CMS template pages!

Finsweet Calendar

Webflow Calendar Invite

New year! New website!
Today I am sharing with you my new studio website!
Building everything from scratch is always a big challenge.
I still have to polish some things, but I hope you like it.
Stay tuned for future upgrades!
Carefully #MadeInWebflow

Antonio's Amazing Experimental Project

Let Your Brand stand out from the crowd.

An unlimited no-code design agency with a subscription service for ambitious D2C brands that want to embrace fun without commitments.

GoodTime

Good Time Agency

NEW FREE TEMPLATE CLONEABLE

The Magic Slab

One page fully responsive ice cream shop website. Free to clone! Would also love to hear other template suggestions you would love to see :)

Built using Relume's amazing component library and Client-first.

Happy building!

The Magic Slab

The Magic Slab Cloneable Template

Project lead form created with Finsweet Accessible Components and Client-First naming convention.

-> https://webflow.com/libraries/detail/accessible-components
-> https://finsweet.com/client-first

Project Quote Accessible Form

Client-first Template 11 is a SaaS template. This is a resource released alongside our Client-first Style System for Webflow, a naming convention for every person, for every project.

Client-first style system is a set of guidelines and strategies to help you build Webflow websites in a clean, organized, and scalable way. Client-first uses clearly named classes to make your projects marketer-friendly and is perfect for beginners and experts. Our builds use REM units to improve the website’s accessibility and responsiveness. 

Features:
➡️ 6 static and 1 CMS page
➡️ Open-source design license 
➡️ Follows the Client-first Webflow style system 

More info: https://www.finsweet.com/client-first/template/11

What is Client-first? https://www.finsweet.com/client-first
Full docs: https://www.finsweet.com/client-first/docs/intro

🎁 Get the Figma file: https://www.figma.com/community/file/1086672799312430578

Made with 💪 by Finsweet

Client-First Template 11

Client-First 11 - Free Webflow Template

Apply custom classes, styles, and Webflow Interactions to any text inside a Webflow Rich Text block. Works with static elements and CMS Rich Text fields. Do this from the Designer and the Editor. Sweet Text is a Finsweet add-on to Webflow's Rich Text.

Discover finsweet websites built by the Webflow community

Discover finsweet websites built by the Webflow community