..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.
- Support Finsweet's free products if they have been helpful to you in any way.
- Your support will help us make our free products even better.
- Feel free to subscribe for a month and cancel afterward if you'd like to help just once.
Learn with Live Builds and our Clonables
Find live builds and Clonables of Client-First.
.jpeg)
The Outline homepage created with Client-first in Webflow.
Learn about Global Classes in Client-first. This is an important topic to improve the productivity in Webflow. Global Classes are used in multiple instances in the build, so we don't need to create a new class every time when we need to style elements. Instead, we use Global Classes with specific functionality.
Join us for a live build in Webflow with Joe Krug. On today's episode, Joe will build the hero section of Webflow's homepage. Be sure to tune in and ask questions in real time!
This website is for SaaS companies that are looking for something super clean, and minimal design with a smooth feeling.
Get access to more than 650 Client-first components and say goodbye to building Webflow websites from scratch.
Clean and fully customizable template built using the Client-first system for Webflow.
.webp)
The community and Client-First
Here's what the Webflow community is saying
Client first is not just a structure, it's a life saver for Webflow. I was always frustrating with my class name and structure before client first. When "client first" released, it just changed the way of building website in Webflow. Thanks @thatsfinsweet
Client first not only helps bring structure to your build process but it also builds a great foundation for being more creative with your websites.
Shoutout to @thatsfinsweet and the folks that worked on their Client First System. You guys did an amazing job! I think it's fantastic that you guys touched on the importance of html tags and accessibility. The docs are great. Concise and clear. Great work you guys! 🙌🏼
have to say, using @thatsfinsweet 's client-first system has been outstanding. The new px to rem migrator tool has been fantastic too.
Thanks @thatsfinsweet @joekrug for Client-first. This changes my BEM approach of developing into a better way of working with Webflow. Simple and accessible for anyone.
If you're a @webflow developer, you need to start using @thatsfinsweet client first system for all your projects.It will help you in:-
✓ SEO
✓ Structure of your sections
✓ Scanning through your project
✓ Scalability
✓ Time-saveing
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!
Client first gives me the structure I need to understand webflow and let's me built professional websites faster!
Are you a front end developer struggling with CSS and HTML and their advanced properties?Try the @thatsfinsweet Client-First and @webflow combo.
benefits