How we extended the Client-First Framework

See how we extended the Client-First framework in Webflow with Atom's new dedicated layout system in the Atom Builder Framework. Among many add-ons, we added robust utility classes for grids, flexboxes, and fluid gaps to stop the headache of constantly inventing custom class names. Watch as I build a complete custom section from a design sketch without creating a single new class!

👇 Clone the FREE Atom Builder Framework here: https://webflow.com/made-in-webflow/website/atom-framework

⭐ Explore our Premium Webflow Templates: https://atomwork.co

💼 Looking for a certified Webflow Agency? Work with us: https://atom.agency

🔔 Subscribe for weekly Webflow tutorials and speed builds: https://www.youtube.com/@by-atom

— About Atom Builder Framework: Atom is a hybrid Webflow framework designed to bridge the gap between custom development and rapid page building. Built on Client-First principles, our fluid design system and component-first "Builder Mode" allow you to construct scalable, agency-grade websites in record time—without touching a single line of CSS.
Whether you are a freelancer, an agency, or a business building your own site, Atom gives you the structure of a system and the speed of a builder.

— Timestamps:
0:00 - Intro: The Client-First trap
1:25 - The extended Style Guide & layout classes
3:35 - Live Build: Zero custom classes challenge
8:20 - Outro & Summary

Видео How we extended the Client-First Framework канала By Atom