Tailwind Plugins Demo by Sahil Rajput

Plugins:

Tailwindcss Typography

Garlic bread with cheese: What the science tells us (h1)

For years parents have espoused the health benefits of eating garlic bread with cheese to their children, with the food earning such an iconic status in our culture that kids will often dress up as warm, cheesy loaf for Halloween.

But a recent study shows that the celebrated appetizer may be linked to a series of rabies cases springing up around the country.

Ordered, Unordered and Description Lists (h2)

Examples of ordered, unordered lists and description lists.

Ordered List (h3)

  1. This is list item 1
  2. This is list item 2
  3. This is list item 3

Unordered List (h3)

  • This is list item 1
  • This is list item 2
  • This is list item 3
Some inline code - console.log. Description Lists

Description List (h3)

They can be great for things like FAQs.
Why do you never see elephants hiding in trees?
Because they're so good at it. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cupiditate laboriosam fugiat.
What do you call someone with no body and no nose?
Nobody knows. Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa, voluptas ipsa quia excepturi, quibusdam natus exercitationem sapiente tempore labore voluptatem.

Some Links:

  • https://sahilrajput.com
  • https://blog.sahilrajput.com

    • Tailwindcss Forms

    @tailwindcss/forms examples

    An opinionated form reset designed to make form elements easy to style with utility classes.

    Documentation Kitchen Sink

    Unstyled

    This is how form elements look out of the box.

    Simple

    Underline

    Solid

    Reset styles

    These are form elements this plugin styles by default.

    Checkboxes
    Radio Buttons

    Untouched

    These are form elements we don't handle (yet?), but we use this to make sure we haven't accidentally styled them by mistake.