Introduction to UIkit

2.1 What Is UIkit?

Welcome to the first lesson of this course where you'll learn exactly what is UIkit, let's get started. UIkit is a modular front-end framework that you can use to quickly put together websites or web apps regardless of their size. It's modular because it's made out of various components, badges, cards, buttons, accordions, nav bars, and so on. So you basically have all of these pre made components that you can use right away and the framework comes with all the basic styling and functionality for them, meaning CSS and JavaScript. All you have to do is pick which component you want to use, check the documentation for the syntax on that component and you're done. You can also copy the entire component markup from the documentation which saves you a lot of time. And speaking of components, the list is pretty generous, we have simple ones like buttons and dividers, but also more complex items light cards accordions and nav bars. Now apart from components the framework also offers a bunch of utility classes. These are used for alignment, setting widths and heights, setting margins and paddings and so on. But there are also some very interesting ones like filter which allows you to filter or sort any layout. In this example you can see how this is used to filter which type of box Is being displayed pretty neat. So this is a great tool to start a new project with it allows you to quickly write the markup. So you can then focus solely on styling your web page. It also saves you a bunch of time because out of the box, it comes with some common components like accordions and tabs. So you don't have to spend the time to write the JavaScript and CSS code for those. This framework is free to use and it's released under an MIT license, which means you can use it on both personal and commercial projects. Now let's see where you can get this framework, how to install it and also how to use it in your own projects. That's coming up in the next lesson, I'll see you there.