..webp)
.webp)
Build Webflow sites you’re proud to ship
Like thousands of developers, you will love using Client-First
Client-First help us build more efficiently as Webflow developers
Easy to update Style Guide
Create a project organization system to work faster with less effort.
Know how to name your classes
Create clear and specific names for classes.
Folders view of the structures
Folders help us group, search for, and access elements in our project.
Flexible spacing system
Make intelligent spacing decisions inside Client-First.
Unify a build strategy as a team
Creating a project that allows for scalability
New color system using variables
Explore the power of color variables in Webflow for consistency, global changes, and enhanced project organization
Deep Documentation
The most important topics of Client-First.
Intro to Client-First with an overview of the essential principles.
Strategy for how we identify, use, and manage classes inside Webflow as a platform.
Explanation of rem units and approved rem values in Client-First.
Build and maintain a unified typography style system across the project.
Make intelligent spacing decisions inside Client-First.
Learn with Live Builds and our Clonables
Find live builds and Clonables of Client-First.
Joe Krug will dive into the Webflow Designer and convert a website from Client-First V1 to V2.
In this episode, Joe Krug will recreate the Apple Podcast website in Webflow using Client-First V2!
PS5 DualSense Wireless Controller page created with Client-first in Webflow.
Clean and fully customizable template built using the Client-first system for Webflow.
This website is for SaaS companies that are looking for something super clean, and minimal design with a smooth feeling.
A dark wireframe UI kit based on IBM's Carbon design system. It's built using the neat and clean Client-first system for Webflow and consists of 40 components.
.webp)
The community and Client-First
Here's what the Webflow community is saying
Client-First is so, literally, client-first I was able to start using it without looking at any documentation. It allows non-developers to dive into class-editing in the most intuitive manner possible, speeding up builds, revisions, and bringing more and more talent to Webflow
A gold standard. When I started Webflow, I was confused to structure my builds.
With Client-First, I am now able to confidently structure, name my classes and build the sites with ease.
Thank you @thatsfinsweet for the gift to the Webflow community.
The initial learning curve for the @thatsfinsweet client-first system is tough but once you've got it down, I promise you'll hop on the bandwagon too. I built a client's landing page in a single day, all responsive sizes plus animations.
Hey, I'm just here to say the client-first has been f'in sweet! Beginning my ux journey with my portfolio here. A big thanks to the team!
Looking into @thatsfinsweet Client First system and realizing that a lot of my ways of naming CSS already matches with it. But so good to see how clean it all is. Will make me go from being like 60% okay to 100% okay when if comes to this stuff.
Big shout out to @thatsfinsweet for their client-first design system, this is the building block that I have been patiently waiting for someone to create for two years now. Used it for the first time yesterday and it is a fundamental game changer framework for organizing projects
To be honest my work flow is very close to what @thatsfinsweet do for client first. They have made there system truly global to all devs and clients.
Client-First has been key in the scaling our agency. We were able to hand the docs off to potential hires and quickly found candidates who were on board with using Client-First. Now, all of our build across our developers are the same and can be easily updated across the board.
Spent over 6 hours renaming and reorganizing all my classes in a previous project according to @thatsfinsweet's Client-first Style System. Totally worth it, everything is so organized now
benefits