Discover the best clientfirst websites created by professional designers. Get inspired and start planning your perfect clientfirst 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

This is the 17th cloneable template! 🎉🚀 

Use it for free and do whatever you want with it. 

This template is made with:
✔️ Client First
✔️ Pexels Images
✔️ Unsplash Images

--------- 

👀 Find previous templates on my profile. 

❤️ Follow along on Twitter and know when free templates get released early: twitter.com/Tycreated

Ticketed Cloneable CMS Template

Ticketed CLONEABLE CMS Template

 A simple concept site for a coffee roaster and shop built with Client First V2. I implemented native, custom js, and GSAP animations- including an infinite marquee (no skip) attached to the CMS, scroll animations, and a lottie animation during page transitions.

Typeface is Mori by Pangram Pangram®
Images courtesy of Interval MKE & Eka Sutrisno

MONDAYS Coffee

Here's a small template I wanted to share until I get the next template published.

This is the 15th cloneable template! 🎉🚀 

This template is made with:
✔️ Finsweet Attributes
✔️ Client First
✔️ Pexels Images

--------- 

👀 Find previous templates on my profile. 

🚀 Practicing to become a webflow template designer. 

❤️ Follow along on Twitter and know when free templates get released early: twitter.com/Tycreated

GOCLASS

GOCLASS Cloneable Ecommerce Template

This is the 16th cloneable template! 🎉🚀 

Use it for free and do whatever you want with it. 

This template is made with:
✔️ Client First
✔️ Pexels Images
✔️ Unsplash Images

--------- 

👀 Find previous templates on my profile. 

❤️ Follow along on Twitter and know when free templates get released early: twitter.com/Tycreated

Booked Webflow Template

Booked Cloneable Portfolio Template

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

To celebrate the release of Relume Library 2.0, we've created a version of the Libraries landing page for the community to clone and draw inspiration from. Enjoy!

Create your own Webflow component library:
-> [https://library.relume.io/libraries](https://library.relume.io/libraries)

Relume Libraries Cloneable

NEW FREE TEMPLATE CLONEABLE

Insight Consulting

Perfect for a consultancy, or can be adapted for another industry. Free to clone! Would also love to hear other template suggestions you would love to see :)

Built using Relume, Client-first, and Unsplash.

Happy building!

Insight Consulting

Insight Consulting 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

RiseVerse • Webflow Expert

EN : Example of Infinite Loop Hero Section with a Copywriting Swipe File. A collection of memorable content you can use for copywriting ideas (landing pages, ads, emails, etc.).

PS: Follow us to stay up to date on new clonables (many memorable clonables are coming soon)

Relume Library : https://library.relume.io/
Relume University Tutorial : https://youtu.be/3qPemPAjFj4
Images from Swipe file : https://marketingexamples.com/

Infinite Loop Hero Section

Cloneable Infinite Loop Hero Section

We redesigned the CryptoPunks landing page using the Relume Library. It took us under 1.5 hours to build. Built in Client-first. Enjoy people!

---------

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

Watch tutorial
-> https://www.youtube.com/watch?v=aKSe3XZvwkQ

---------

Say goodbye to building Webflow sites from scratch. With access to over 700 components you can build beautiful websites and save thousands of hours using the world's largest Webflow component library. Simply search for components, copy with one click and paste them into your Webflow project.

NFT Project Cloneable

NFT Project Template

Example of a section using an hover link effect to display an image. With this type of section, you can for example highlight your work.

PS: Follow us to stay up to date on new clonables (many memorable clonables are coming soon)

Relume Library : https://library.relume.io/
Relume University Tutorial : https://youtu.be/3qPemPAjFj4
Images from RiseVerse builds and works : https://webflow.com/RiseVerse

Move the mouse over the link to display an image (CTA)

Move the mouse over the link to display an image

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

To celebrate the release of Relume Library, we've created a version of the home page for the community to clone and draw inspiration from. Enjoy!

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

Relume Library Cloneable

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

Client-First Wireframe 3

Client-First 3 - Free Webflow Wireframe

A website we built for a client using our internal library of 650+ components. We call it the Relume Library and we're excited to release this to the Webflow Community!

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

Fortuna

Relume Library Example

We worked with the team at AirTree to redesign and build their website on Webflow. AirTree is a leading VC firm based in Sydney, Australia. They recently announced a new fund – $700 million to back Australia and New Zealand's most ambitious founders.

Built with components from the Relume Library.

---

Try Relume Library for free
-> https://library.relume.io/

Airtree

AirTree

Client-First Wireframe 1 is based on a custom designed wireframe. This is a resource released with our Client-First Style System for Webflow.

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:
➡️ 59 components
➡️ Custom designed wireframe 
➡️ Open-source design license
➡️ Follows the Client-first Webflow 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