Search⌘ K
AI Features
Home
Courses
Understanding the Basics of Tailwind CSS

Using the Official Tailwind Plugins

Explore how to use the official Tailwind CSS plugins, focusing on the Typography plugin. Understand installation, configuration, and practical application to enhance the styling and typographic quality of your web content. This lesson also introduces creating custom Tailwind plugins to extend your design capabilities.

We'll cover the following...

In this chapter, we’ll end our journey by exploring one of Tailwind’s most powerful features: plugins. We’ll first look at how to use the official Tailwind plugins. Then, we’ll learn how to create our own custom Tailwind plugins.

Getting started

Let’s prepare for this chapter by creating a new project.

Once we have our new project ready, the next step is to modify the content key inside the tailwind.config.js file as follows:

Javascript (babel-node)
// /tailwind.config.js
module.exports = {
  content: ['./examples/*.html'],
  theme: {
    extend: {},
  },
  plugins: [],
}

We’ll create several HTML example files before the end of this ...