Frameworks in Webflow: Why, how, and which to use with Corey Moen - Workflow series

Join host Aron Korenblit and guest Corey Moen for a workflow session. You'll learn how Webflow specific frameworks can help you speed up and standardize how you build websites in Webflow.
We'll cover why use Webflow frameworks, how to use them with a live build using Webflow's own framework and discuss the different options available in the community.
Get the frameworks discussed in today's stream: wfl.io/frameworks
00:00:00 Starting soon
00:02:00 Stream start
00:04:15 Today's agenda
00:05:08 Welcome Corey
00:07:00 What is a CSS Framework?
00:08:00 What is the advantage of using a framework?
00:09:30 What is Webflow’s internal framework?
00:10:49 Building with a framework
00:15:10 Class, combo class vs utility class
00:17:28 Understanding the layout
00:19:30 Building our page with the Boilerplate section
00:36:34 Making our layout responsive
00:41:30 Should we deep stack classes or create a custom class?
00:43:20 Why doesn’t every Webflow project ship with a framework?
00:45:10 What other frameworks are out there?
00:49:13 How do you pick a framework?
00:51:21 Parting words from Corey
00:53:10 Credit roll

[@abirahmed1292]

Once I joined an agency and doing professional work with Webflow I have never used Webflow from scratch, every project we start with have framework. We use client first.

[@Webflow]

A real pro! Love it!

[@salomondagher2395]

Hi Guys! Loved the Video! 🥰Webflow

[@JeffBarron1]

Can Webflow just add TailwindCSS integration

[@des7638]

Super useful. Great content.

[@Webflow]

Thanks Des!

[@Webflow]

Get the frameworks discussed in today's stream: wfl.io/frameworks

[@radiantrepose6512]

Hey this link takes you just to the Blogpost which contains the video, but not the frameworks. Is this link intended to be a cloneable site we can access like other Made in Webflow sites?

[@SH-ny8by]

@@radiantrepose6512 bump @webflow

[@Webflow]

thanks for flagging this. I'll talk to the team to make it easier for resources to be found on that page. For now I'll update the comment above with links to the frameworks.

[@monolab123]

@@Webflow I just saw this amazing video, super helpful. I can't find the clonable as well, much appreciated if you can provide the link.

[@user-sf8ur2kp7c]

hi....watching from Philippines.

[@Webflow]

Welcome!

[@nikolaykolev5143]

How can we use Tailwind!?

[@Webflow]

Hi Nikolay, Taildwind isn't usable itself in Webflow but there are similarities between community systems like Systemflow and Tailwind for instance. Check out this post for more: www.indiehackers.com/post/systemflow-is-like-tailwind-ui-but-for-webflow-and-needs-your-feedback-cc36a21a5f

[@SH-ny8by]

where is the keyboard from

[@Webflow]

Hey SH! Aron here, My keyboard is the model100 from keyboard.io

[@schultzeworks]

@7:02 Seven minutes before we cover “what is a framework?” Yikes. First visual example at @12:00 I get that this was a livestream, but some post-editing would have greatly improved things. Otherwise, excellent information.

[@Webflow]

Hey Schultz, Aron here. Totally agree that livestreams aren't always the best to watch back, we're working on this. Stay tuned :)

[@esekhin]

But not Bootstrap(

[@Webflow]

Hey! Indeed, bootstrap isn't usable natively in Webflow.