Responsive Design Assistant For TailwindCSS – TailwindCSS Breakpoint Tool

TailwindCSS Breakpoint Tool is a super tiny JavaScript library for web developers using TailwindCSS.

It displays a simple breakpoint notification showing the current breakpoint name like “sm”, “md”, “lg” etc based on the browser width, helping identify breakpoints for responsive design.

How to use it:

1. Load the TailwindCSS Breakpoint Tool into your TailwindCSS project.

<!-- TailwindCSS Breakpoint Tool -->
<script src="//unpkg.com/tailwind-breakpoint-tool" defer></script>
<!-- TailwindCSS CDN -->
<script src="https://cdn.tailwindcss.com"></script>

2. Resize your webpage to see the magic.