A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. “Tailwind CSS is the only framework that I've seen scale on large teams. It’s easy to customize, adapts to any design, and the build size is tiny.”How do I pull in tailwind via CDN?
To pull in Tailwind for quick demos or just giving the framework a spin, grab the latest default configuration build via CDN: Note that while the CDN build is large (72.8kB compressed, 2936.0kB raw), it's not representative of the sizes you see when including Tailwind as part of your build process.How do I create a tailwind CSS file using NPM?
Use npx which is a tool that is automatically installed alongside npm to generate a fully compiled Tailwind CSS file: This will create a file called tailwind.css generated based on Tailwind’s default configuration, and automatically add any necessary vendor prefixes using autoprefixer.How do I use Tailwind in my project?
For most projects (and to take advantage of Tailwind's customization features), you'll want to install Tailwind via npm. Use the @tailwind directive to inject Tailwind's base, components, and utilities styles into your CSS: Tailwind will swap these directives out at build time with all of its generated CSS.