Using CSS Frameworks

A CSS framework is a ready-made stylesheet: a large set of tested CSS classes for layout, spacing, colors, typography and common elements such as buttons, which you apply by adding class names to your JSX. Instead of writing a .button rule yourself, you write className="btn btn-success" and the framework supplies the CSS. The benefit is speed and a consistent look across the app, and the cost is that your markup fills up with the framework's class names and your design follows its defaults unless you customize them.

The two frameworks that this lesson uses are Bootstrap and Tailwind CSS