Skip to content
On this page

Setting up TailwindCSS

  1. Open the command palette Shift+Command+P (Mac) / Ctrl+Shift+P (Windows/Linux) and type in nuxt css
  2. Select Nuxtr: Configure CSS Frameworks
  3. Select TailwindCSS and tick only the first two boxes

Give it a while to install. Once it's done, a notification will pop out from the bottom right saying that TailwindCSS installed successfully along with two file created notifications. It is safe to close them all

If you do not see the option for Nuxtr: Configure CSS Frameworks, refresh the page. In my experience, I had to refresh it like maybe once or twice, and let it fully load before trying again. If you still don't see the option, make sure that you have installed the Nuxtr extension.


Once you've set up TailwindCSS, move to the next section and make your very first page.