How To Supercharge Webflow Using Libraries

Key Takeaways

webflow libraries are the fastest way to get a design system going in webflow in this video I'm going to install one of these libraries and show you guys exactly how fast it is to get a design system running and start using their components first we're going to take a look at all the different libraries that are available to you right now in the wefto libraries we're going to take a look at everything that you can do with these libraries and then we're also going to see some limitations that are presented right now so without further Ado let's jump right into it the quickest way to find the webflow libraries panel on webflow is by clicking a on your keyboard it'll bring you to the layouts panel and here you can see that there's all the different libraries now webflow has their own standard library and if you click into this this is standard when you start any type of project you'll see that you get this massive well not massive but you get this extensive library right you can create an entire site using these components and they're pretty decent you know but if you wanted to use something a little bit more advanced something with a bit more juice then we go here and click on this browse more libraries button now when you jump onto the webflow libraries for the first time you'll notice that there are some available but it's not a massive extensive Library so for now one of my favorites out of this entire collection is going to be the Walsh wellflow library now to install it it's pretty simple you just need to click on it and then you install the library for free and once you install it in the project that you're looking at or that you want to install it in you'll find it here within the same panel next to the webflow one so we see here that there's this Walsh Library so the really cool thing about this Library situation is that we can simply click and drag any of these components directly into our page here and we can just start building out a massive site just using all these components now you can build a site pretty quickly just using these components we can actually just click on them but make sure that you're selecting the body before you click on it because if not you'll be dragging into the other sections so just make sure about that but once we can start to build this massive site we see that there are a few limitations with what we're doing here so number one we are pretty constrained to the way that this has been built if you are not familiar with the exact type of way that this person built this component library then it's going to be a little bit more difficult for you to change it up just as an example this component Library here is built using Rems and EMS this is my favorite way of building but if you're not familiar with these type of responsive measurements then it'll be a little bit difficult for you to understand how to change things as you go on and build your site but there are a lot of benefits as well for example this entire thing is obviously going to be responsive all the way up to the larger breakpoints and then obviously mobile as well as I start adding more and more components here we can see that just using our our library here we can start to build a very extensive page with pricing sections with feature sections just any section that can just help us convert with our product now again this is a great great thing we can build super quick websites and we can just launch this right now and publish it and we can be out the door ready to sell but again if you do not know how to to go above and beyond what this template has given you then you're going to be a little bit stuck with the options that they've built for you now these components are not the only components available for this specific Library this exact component library has about 99 but if you go into the actual templates that this designer sells there are a lot of different templates using that type of component Library so for example we can see that there's a lot of similarities with the Walsh template here that we've seen and then also these paid versions so that if you do like that type of library that you've gotten for free then you can see the more extensive paid versions that are not included with a library but it's from the same designer same team so you might like that type of style one thing to note when you go into these libraries is that there's a lot of different types of libraries so for example the fin Suite here has a lot of accessible components and that is their main thing and they have a lot of modals and accordions and things like that but then if you go into for example Walsh or entitled UI it's a little bit more styled and you have these components that are very well built very well designed but again you are kind of stuck within that design system if you're not super knowledgeable about how to change it now with this example specifically for entitled UI Library there are style guides and introductions into how you can change the style to fit your brand to fit your your style but just keep that in mind that not every single style guide will be as easy to change as some of them now this is similar to the webflow cloneables that you can get for free or even the paid templates that you can get for free but one of the benefits with this is that you have it directly within your libraries panel so you can always go back and forth through using the same components if there is a specific component that you just want to reuse over and over and over and over now right now libraries is currently in beta so hopefully in the future we'll see some more libraries come up and we can even maybe start to upload our own to have some private libraries for teams or for your own Agency for your own freelancing so we'll see how that evolves through the future and hopefully some limitations that I talked about will be minimized as it goes on and on and people become more and more proficient with these things so we'll see how that goes and we'll see how that develops so thank you guys so much for watching if you enjoyed this video I recommend that you check out the webflow masterclass course to learn more about webflow and libraries and things like that so thank you guys so much for watching and I'll see you guys on the next one