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.

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.com Hero

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 Form Filter Components

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

Devin Fountain

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

Good Time Agency

Josh Jacobs

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/

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 for Webflow

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

Webflow CMS Filter

Raymmar

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

CloneComp

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

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!

Webflow Calendar Invite

Antonio Segurado

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

Let Your Brand stand out from the crowd.

Meraki Ventures

Our passion at Protocore is developing mind-bending cloneables for the community by pushing Webflow to the bleeding edge. This month, we completely rebuilt Apple Notes to demonstrate how far you can push this wonderful platform. Next up, we're releasing Apple Contacts and Apple Calendar. Stay tuned...

••••••••••••••••••••••••••••••

𝗣𝗿𝗼𝘁𝗼𝗰𝗼𝗿𝗲 𝗶𝘀 𝗮 𝗽𝗿𝗼𝗱𝘂𝗰𝘁 𝗱𝗲𝘀𝗶𝗴𝗻 𝘀𝘁𝘂𝗱𝗶𝗼 𝘁𝗵𝗮𝘁 𝗰𝗿𝗲𝗮𝘁𝗲𝘀 𝗺𝗮𝗴𝗶𝗰 𝗳𝗼𝗿 𝗰𝗼𝗺𝗽𝗮𝗻𝗶𝗲𝘀 𝗮𝗻𝗱 𝗺𝗮𝗸𝗲𝗿𝘀 𝗮𝗿𝗼𝘂𝗻𝗱 𝘁𝗵𝗲 𝘄𝗼𝗿𝗹𝗱. 𝗖𝗼𝗻𝘁𝗮𝗰𝘁 𝗵𝗲𝗹𝗹𝗼@𝗽𝗿𝗼𝘁𝗼𝗰𝗼𝗿𝗲.𝗰𝗼 𝗳𝗼𝗿 𝗶𝗻𝗾𝘂𝗶𝗿𝗶𝗲𝘀. 𝗜𝗳 𝘁𝗵𝗶𝘀 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 𝗶𝗻𝘀𝗽𝗶𝗿𝗲𝗱 𝘆𝗼𝘂, 𝗽𝗹𝗲𝗮𝘀𝗲 𝗳𝗼𝗹𝗹𝗼𝘄 𝘂𝘀 𝗼𝗻.

◉ 𝗪𝗲𝗯𝘀𝗶𝘁𝗲 - www.protocore.co
◉ 𝗧𝘄𝗶𝘁𝘁𝗲𝗿 - www.twitter.com/theprotocore
◉ 𝗜𝗻𝘀𝘁𝗮𝗴𝗿𝗮𝗺 - www.instagram.com/theprotocore

Apple Notes Rebuild • Web App

Kaela Williams

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 Cloneable Template

Jordan Hughes

This is the official starter project for Untitled UI Webflow components in Relume Library, the largest Webflow component library in the world.

This project contains a style guide page with pre-built classes. There are no pages, no layouts, and nothing to delete. It's the perfect starting point for any Webflow project using Untitled UI components in Relume Library, so clone away.

The Untitled UI Library uses the Client-first Webflow Style System, a style system built by the talented team at Finsweet, a game changer when it comes to keeping your Webflow projects more organized.

Like this project?

Support on Product Hunt
https://www.producthunt.com/posts/relume-library

Get access to Relume Library BETA
https://library.relume.io/

Watch the demo video
https://www.youtube.com/watch?v=lyiUdFZugok

To learn more about Finsweet's Client-first Webflow Style System
https://www.finsweet.com/client-first

Untitled UI Library Style Guide

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 11 - Free Webflow Template

Patrick Urwyler

Free to clone: 

Navigation bar with site progress & index including a little link menu. 

On scroll the navbar hides and the progress bar shows the site scroll progress with an indicator going trough each chapters / section. Made simply with anchor point and one scroll interaction. Based on finsweet client first structure (more or less).

If section will be different in height, just adjust the page interaction and set some individual keypoints for each section.

Happy cloning.

Navbar with index and progressbar

102976941

1070795817

1122423150

1186914386

1274323923

1316201488

1316201489

1462086697

1567550242

1592612642

1631162196

1726628865

1733785607

173927913

1771795565

1863160016

1905118106

1975670756

2025032126

2032141491

2037807691

2144870841

2213518682

2216482092

2339906037

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2486364096

gpt-4o

gpt-4.1

gpt-4o-mini

2546957535

2789269995

285302288

2857348505

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

3022611874

3023147062

3026881092

307653616

3106924665

3112069432

3120801339

3151661775

3201643127

3243842104

3258716925

3266482432

3289310561

3313039722

3315729993

3387258362

3410497685

3452464914

3458155273

gpt-4.1-mini

3590523401

3591394191

3672367630

3737116140

3801251705

3844506029

3879263312

3913199261

3934148661

3941255684

3956476210

4063605209

4092855684

4103643638

4144203485

4206156914

451433404

489463363

504462606

536101258

622649767

622649768

644270296

657188092

660615456

665836192

737109165

772001133

817414265

846847440

882147072

911514507

938734410

1003029853

1045828939

1049811722

1087856901

1093574045

1099435904

1108325183

1120744071

1131151533

1140906369

1147278396

1157563538

1178238107

1178621510

1193740135

1197475705

1209008581

1216878544

1227154495

1229056119

1234765101

1236803103

1238404733

1250328847

1259889605

1291427916

1292405251

1297066426

130043074

1306352991

1312703771

1322655470

1323044307

1325953834

1336067073

1337084289

1350250754

1362856608

1365408040

1380896143

1406455659

1418395020

1433303746

143629253

1440816657

1449062533

1451849944

1453956912

1455163268

1455742168

1458975701

146940023

147086462

1471203893

1475952185

1483622682

1490715908

1499868407

1501922903

1503281041

1521326523

1523906436

Best Finsweet Websites | Free Examples & Designs

Discover Finsweet websites
built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Finsweet websites built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Finsweet websites
built by the Webflow community