Tech talk on Tailwind CSS by Sachin Sharma at Squareboat.

1. Tailwind CSS
A utility-first CSS framework for
rapidly building custom designs.
Sachin Sharma (Senior Frontend Engineer)
sachin.sharma@squareboat.com

2. Tailwind is definitely the most popular UTILITY CSS Library. While Bootstrap
gives pre-styled components, Tailwind gives us utility classes which we can
use to style our created components and create classes based on these utility
classes. The biggest benefit is that while most Bootstrap sites look pretty
much the same, Tailwind sites can have your unique imprint.
Tailwind is different.
Instead of opinionated pre-designed components, Tailwind provides
low-level utility classes that let you build completely custom designs without
ever leaving your HTML.
Why Tailwind?

3. INSTALLATION
# Using npm
npm install tailwindcss
# Using Yarn
yarn add tailwindcss
# Using CDN Link
<link
href="https://unpkg.com/tailwindcss@^1.0/di
st/tailwind.min.css" rel="stylesheet">
Quick start guide for installing and configuring Tailwind CSS.

4. Tailwind's
Workflow

5. Component
Examples
● Alerts box
● Buttons
● Cards
● Forms
● Grids
● Navigation

6. Demo
session

7. ∎ Responsive to the core
∎ Component-friendly
∎ Designed to be customized
Advantage of the Tailwind
CSS framework

8. Designed to
be customized
Responsive to
the core
Component-friendly

9. How to Use
https://tailwindcss.com/docs/container

10. THANKS!Any questions? 😉