Hands-On UX Design for Developers

CSS frameworks

Before I start to explain what a CSS framework is, let's get you back to Chapter 9, UI Design and Implementation, where we talked about design system.

The design system was a system where we placed all the components—such as buttons, inputs, and tabs—and defined grids, style guides, color palettes, fonts, and guidelines. Similarly, when it comes to the CSS framework, we have all of these points covered—just compare it to the design system. The CSS framework contains everything that we can reuse to build our application for the final stage before going live.

The best way to understand it would be to know that the design system contains elements and components and guides that are only available visually to us, so we use them ...