Search⌘ K
Home/
Courses/
Understanding the Basics of Tailwind CSS

Using the Official Tailwind Plugins

Learn how to use the official Tailwind plugins in projects.

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 ...