GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → anibalsanchez → XT-TailwindCSS-Starter

anibalsanchez / XT-TailwindCSS-Starter

Licence: MIT License
A Tailwind CSS Starter. Based on Tailwind CSS, Webpack, PostCSS, and cssnano. Fully optimized for top performance.

Programming Languages

HTML
75241 projects
CSS
56736 projects
javascript
184084 projects - #8 most used programming language

Labels

webpackpostcsscssnanotailwindcss

Projects that are alternatives of or similar to XT-TailwindCSS-Starter

sapper-postcss-template
A template that includes Sapper for Svelte and PostCSS preprocessing with Tailwind CSS
Stars: ✭ 84 (+342.11%)
Mutual labels:  postcss, cssnano, tailwindcss
sapper-template-rollup
Starter Rollup template for Sapper apps using postcss, cssnano, tailwindcss, and svelte-preprocess.
Stars: ✭ 32 (+68.42%)
Mutual labels:  postcss, cssnano, tailwindcss
A17t
An atomic design toolkit for pragmatists
Stars: ✭ 236 (+1142.11%)
Mutual labels:  postcss, tailwindcss
bb8
Starter kit for automating tasks in everyday front-end development. 👨🏻‍💻 ⚡️ 🛠 ✨ 🤖
Stars: ✭ 13 (-31.58%)
Mutual labels:  postcss, cssnano
tailwind-caret-color
Tailwindcss plugin to color caret in input fields
Stars: ✭ 12 (-36.84%)
Mutual labels:  postcss, tailwindcss
Tailwindcss
A utility-first CSS framework for rapid UI development.
Stars: ✭ 50,879 (+267684.21%)
Mutual labels:  postcss, tailwindcss
Sapper Firebase Typescript Graphql Tailwindcss Actions Template
A template that includes Sapper for Svelte, Firebase functions and hosting, TypeScript and TypeGraphQL, Tailwind CSS, ESLint, and automatic building and deployment with GitHub Actions
Stars: ✭ 111 (+484.21%)
Mutual labels:  postcss, tailwindcss
postcss
Add PostCSS to your Svelte project
Stars: ✭ 37 (+94.74%)
Mutual labels:  postcss, cssnano
stencil-tailwind-plugin
Plugin for using tailwindcss with StencilJS
Stars: ✭ 17 (-10.53%)
Mutual labels:  postcss, tailwindcss
tailwindcss-postcss-browsersync-boilerplate
Tailwind CSS + PostCSS + BrowserSync boilerplate
Stars: ✭ 28 (+47.37%)
Mutual labels:  postcss, tailwindcss
vite-ts-tailwind-starter
Opinionated Vite + Vue 3 + TypeScript + Tailwind CSS starter template w/ tests and CI.
Stars: ✭ 228 (+1100%)
Mutual labels:  postcss, tailwindcss
Postcss Elm Tailwind
put some tailwind in your elm
Stars: ✭ 80 (+321.05%)
Mutual labels:  postcss, tailwindcss
Sapper Template Firebase
Starter Rollup template for Sapper apps with Firebase functions based on https://github.com/nhristov/sapper-template-rollup.
Stars: ✭ 29 (+52.63%)
Mutual labels:  postcss, tailwindcss
eleventy solo starter njk
Further development suspended as of 2021-09-11. Please refer instead to https://www.11ty.dev/docs/starter/ for a wide selection of other Eleventy starter sets.
Stars: ✭ 22 (+15.79%)
Mutual labels:  postcss, tailwindcss
Awesome Tailwindcss
😎 Awesome things related to Tailwind CSS
Stars: ✭ 7,791 (+40905.26%)
Mutual labels:  postcss, tailwindcss
Tailwindcss Dark Mode
🌚 A Tailwind CSS plugin that adds variants for dark mode
Stars: ✭ 649 (+3315.79%)
Mutual labels:  postcss, tailwindcss
building-realworld-user-interfaces-using-tailwind
Demo of building real-world UIs using TailwindCSS
Stars: ✭ 87 (+357.89%)
Mutual labels:  postcss, tailwindcss
Shopify Theme Lab
Shopify theme development environment using Liquid, Vue and Tailwind CSS 🧪
Stars: ✭ 250 (+1215.79%)
Mutual labels:  postcss, tailwindcss
Cssnano
A modular minifier, built on top of the PostCSS ecosystem.
Stars: ✭ 4,031 (+21115.79%)
Mutual labels:  postcss, cssnano
postcss-typed-css-classes
PostCSS plugin that generates typed entities from CSS classes for chosen programming language.
Stars: ✭ 12 (-36.84%)
Mutual labels:  postcss, tailwindcss
View All Similar Projects ➔

Tailwind CSS Starter Project

A Tailwind CSS Starter. Based on Tailwind CSS, Webpack and PostCSS. Fully optimized for top performance.

  • Tailwind CSS - The Utility-First CSS Framework. A project by Adam Wathan (@adamwathan), Jonathan Reinink (@reinink), David Hemphill (@davidhemphill) and Steve Schoger (@steveschoger).
  • Webpack
  • PostCSS

For future reference:

Prerequisites: Before you use this starter, you must install Node.js.

To get started, clone the project (or download the ZIP file) and install the dependencies:

# Install dependencies
npm install
# Build with Tailwind CLI
npm run dev
# Serve with Parcel
npm run serve

The page is rendered here http://localhost:8080/.

The sample page renders my blog layout redesigned with Tailwind ;-)

To build a production bundle run:

npm run prod

After that you will have a ready to deploy bundle at /dist

Changelog

5.0.0

npm install -D tailwindcss@latest \
  @tailwindcss/typography@latest \
  @tailwindcss/forms@latest \
  @tailwindcss/aspect-ratio@latest \
  @tailwindcss/line-clamp@latest \
  postcss@latest \
  autoprefixer@latest

4.0.0

  • Update to Tailwind CSS v2.0.2
  • Clean dependencies to have Tailwind CSS and WebPack
  • Purge with Tailwind CSS
  • Remove @fullhuman/postcss-purgecss
  • Remove @tailwindcss/custom-forms
  • Integrate @tailwindcss/aspect-ratio
  • Integrate @tailwindcss/forms
  • Integrate @tailwindcss/line-clamp
  • Usability improvements, optimizations and code styling

3.0.0

Update to Tailwind CSS v1.2.0, including Tailwind UI support.

Copyright & License

  • Copyright (c)2019-2022 Extly, CB. All rights reserved.
  • MIT License; see LICENSE
  • This project is dedicated to Andrea Gentil ;-D
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].