mknhckalmlfdcpfogemjlddjpjpjmklb
This extension shows the current viewport size including the TailwindCSS size. You can also set the viewport size using the popup. Tailwind Viewport Sizer is a handy extension designed to provide you with real-time insight on your current viewport size, including the Tailwind CSS breakpoint names (sm, md, lg, etc.). A beautiful badge that fades after a few seconds let you know what the viewport size is, while you're resizing the browser window, to make sure you're building for the right devices. Personalize the badge by changing it's background color, text color, font size, and the length it stays visible. TailwindCSS developer bliss. ❤️ Updates v1.1.1 - Add the ability to create custom breakpoints. - Fix an annoying issue where you couldn't interact with the website canvas where the breakpoint pill was.
Viewport Dimensions Pixels
Displays the current viewport size in the bottom right corner of the window. **Please make sure to restart Chrome entirely so the code can load correctly** This extension displays Chrome’s viewport dimensions when resizing the browser window in pixels. This extension displays Chrome’s viewport dimensions in the lower right corner of the browser when dragging your window / Chrome browser. It will show in Pixels and disappear completely after 1.8 seconds. Mainly for developers or creators when you want to make the browser window a specific size for testing websites or apps or if like me you want to make the viewport precisely 1920x1080 when recording screencasts at 1080p.
Tailwind Breakpoint Viewer
Display the current Tailwind CSS breakpoint and viewport width in a draggable indicator Tailwind Breakpoint Viewer is the must-have tool for developers using Tailwind CSS. This lightweight and intuitive extension allows you to see the active Tailwind breakpoint in real-time and the exact width of your window. 🎯 KEY FEATURES • Real-time display of the current Tailwind breakpoint (xs, sm, md, lg, xl, 2xl) • Accurate window width indication in pixels • Minimalist and elegant interface • Movable indicator via drag-and-drop • Instant on/off toggle with a single click 📏 TAILWIND BREAKPOINTS INCLUDED • xs:
Gimli Tailwind
A DevTools extension enabling smart tools for Tailwind CSS. The professional Devtools extension for Tailwind CSS developers. It lets you view and intuitively edit utility classes. Please note: Gimli Tailwind requires a $49 one-time lifetime license. No subscriptions. You can purchase your license via the extension (includes a 14-day money-back guarantee). ✔️ Autocomplete: Intelligent suggestions for class names. It also supports searching for CSS property names. ✔️ Quickly toggle utility values with Cmd/Ctrl + Click. ✔️ Intuitive UI We don't want to overwhelm developers with options and inputs. Here’s a list of features that enable developers to find relevant utilities quickly: ➤ Variant override: Displays what variant is active. ➤ Inputs are grouped the same way as in the official docs. ➤ Some sections like Grid and Flex will only be visible when relevant. ➤ Active inputs are always shown. ➤ Customizable UI.
Responsive Viewer
A Chrome extension to show multiple screens in one view. the extension will help front-end developers to test multiple screens while developing responsive websites/applications. Clarification on privacy: This extension does not collect, store, or track any of your personal data. Your privacy is fully respected.
