Skip to content
A completely responsive CSS-only navbar using Tailwind CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
.DS_Store Init Jun 2, 2019
.gitignore Init Jun 2, 2019 Update readme Jun 2, 2019
package.json Init Jun 2, 2019
postcss.config.js Init Jun 2, 2019
tailwind.config.js Init Jun 2, 2019

Let's Build with Tailwind CSS - Responsive Navbar

This project users a simple starter project for playing around with Tailwind in a proper PostCSS environment.

To get started:

  1. Clone the repository:

    git clone tailwindcss-playground
    cd tailwindcss-playground
  2. Install the dependencies:

    # Using npm
    npm install
    # Using Yarn
  3. Start the development server:

    # Using npm
    npm run serve
    # Using Yarn
    yarn run serve

    Now you should be able to see the project running at localhost:8080.

  4. Open public/index.html in your editor and start experimenting!

Building for production

Even though this isn't necessarily a starter kit for a proper project, we've included an example of setting up both Purgecss and cssnano to optimize your CSS for production.

To build an optimized version of your CSS, simply run:

# Using npm
npm run production

# Using Yarn
yarn run production

After that's done, check out ./public/build/tailwind.css to see the optimized output.

You can’t perform that action at this time.