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

Finsweet

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

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.

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

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

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

Finsweet Cookie Consent - Components Cloneable

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. 𝔅𝔢𝔰𝔱𝔖𝔢𝔯𝔳𝔢𝔡𝔅𝔬𝔩𝔡

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

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 Tirado

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.

Protocore Studio

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

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

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 Wireframe 3 is based on IBM's Carbon design system. This is a resource released alongside our Client-first Style System for Webflow, a naming convention for every person, for every project.

This wireframe kit comes with everything you need for a project, all components are optimized and responsive for all breakpoints. All classes are clearly named to make your projects marketer-friendly and is perfect for beginners and experts. This build uses REM units to improve the website’s accessibility and responsiveness. 

Features:
➡️ 40 components
➡️ Based on IBM's Carbon design system
➡️ Open-source design license
➡️ Follows the Client-first Webflow style system

More info: https://www.finsweet.com/client-first/wireframe/3

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

Made with 💪 by Finsweet

Discover finsweet websites built by the Webflow community

Discover finsweet websites built by the Webflow community