Tailwind is super flexible because you can customize its default styles by tweaking the tailwind.config.js
file. You can add custom colors, fonts, spacing, and even extend core utilities.
Here’s a typical tailwind.config.js
that adds custom colors and fonts:
npm run dev
) so Tailwind picks up your changes.
Once customized, use your new styles in HTML like this: