---
title: "Building the Ultimate Google Apps Script Front Ends. Part 3: Styling with Tailwind CSS 😎"
author: "Dmitry Kostyuk"
date: 2023-05-11T20:21:39+00:00
canonical_url: https://pulse.appsscript.info/p/2023/05/building-the-ultimate-google-apps-script-front-ends-part-3-styling-with-tailwind-css-%f0%9f%98%8e/
markdown_url: https://pulse.appsscript.info/p/2023/05/building-the-ultimate-google-apps-script-front-ends-part-3-styling-with-tailwind-css-%f0%9f%98%8e.md
categories:
  - "Advanced"
  - "Solutions"
  - "V8"
tags:
  - "@wildhogsm"
  - "dmitry-kostyuk"
  - "Medium"
  - "wurkspaces.dev"
featured_image: https://pulse.appsscript.info/files/2023/05/1_hH5JnWaWHeLdhbo2uH4eqw.png
description: "Nope, not Project Tailwind, Google's experimental AI-first notebook, in this latest post from Dmitry Kostyuk's 'Building the Ultimate Google Apps Script Front Ends' series Dmitry shows how the Tailwind CSS framework can be used to style Apps Script add-ons/apps. To get a sense of how Tailwind works the wikipedia page gives a nice overview https://en.wikipedia.org/wiki/Tailwind_CSS."
---

# Building the Ultimate Google Apps Script Front Ends. Part 3: Styling with Tailwind CSS 😎

![Building the Ultimate Google Apps Script Front Ends. Part 3: Styling with Tailwind CSS 😎](https://pulse.appsscript.info/files/2023/05/1_hH5JnWaWHeLdhbo2uH4eqw.png)

> Let’s take our UI to the next level with Tailwind CSS!
> **Introduction**
> In the previous article, we learned how to bundle NPM modules with Vite. Today, we’re going to add some style with Tailwind CSS. If you’ve been following my series, you’ll breeze through this like a true professional. 🚀
> Check out the `part-03` branch in the Github repository for the full source code.
>  
> **What Is Tailwind CSS**
> Tailwind CSS is a utility-first CSS framework that makes styling a breeze. Think of it like a wardrobe filled with every piece of clothing that you’ll ever need, with everything neatly organized and ready to go. 💃🕺

*Source: [Building the Ultimate Google Apps Script Front Ends. Part 3: Styling with Tailwind CSS 😎*](https://blog.wurkspaces.dev/building-the-ultimate-google-apps-script-front-ends-part-2-styling-with-tailwind-css-611b988e790b?sk=8832d910805f6c3273e7a7045dedf400)

---

*Published by [Dmitry Kostyuk](https://pulse.appsscript.info/p/author/dmitrykostyuk/) on [Pulse](https://pulse.appsscript.info/). Original article: [https://pulse.appsscript.info/p/2023/05/building-the-ultimate-google-apps-script-front-ends-part-3-styling-with-tailwind-css-%f0%9f%98%8e/](https://pulse.appsscript.info/p/2023/05/building-the-ultimate-google-apps-script-front-ends-part-3-styling-with-tailwind-css-%f0%9f%98%8e/)*