CSS To Tailwind
Convert a website's styles to Tailwind CSS classes
DevTools extension for debugging Alpine.js applications.
Review user movement across collected snapshots.
View collected rating snapshots from the latest 7-day window to assess rating stability.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
Alpine.js devtools is a Chrome extension for the Alpine.js JavaScript library. It allows you to detect, inspect and edit Alpine.js data and components in the Chrome Developer Tools.
After installing you will see a new tab in the Chrome DevTools. This Alpine.js tab displays a list of Alpine.js components that are rendered on the page. By selecting one of the components in the list, you can inspect and edit its current data in the panel to the right.
The ability to change data on the fly helps with debugging Alpine.js components. If your application uses Alpine stores or encounters evaluation errors, the stores and warnings tabs will be populated.
Inspect the latest comments and rating distribution.
Store average score: 4.1. The bars below are calculated from synced review text only, so they may be empty for extensions that have public ratings but no synced comments yet.
Review related products from the Chrome Web Store detail page.
Convert a website's styles to Tailwind CSS classes
Chrome and Firefox DevTools extension for debugging Livewire applications.
KnockoutJS Context Hover - Development and debugging assistant for Knockout JS. Tested on: 3.4.2, 3.1.0, 2.2.1
Convert any HTML on any website to TailwindCSS
A form filler that fills all inputs on a page with fake/dummy data.
DevTools extension for debugging Alpine.js applications.
Thanks for your work ; it would be really fantastic if you could include $store data from alpine V3
At first glance, it looks great. However, once you start building larger Alpine components, the extension locks up the browser due to extremely poor performance. It eventually gets the job done, but I find myself waiting *minutes* sometimes just to expand an element in the extension. It's not very usable for me, and I'll be looking for alternative options.
The development tools are disappointingly basic, restricted to just managing component state with no support for stores or events, and they lack the ability to inspect what's registered globally. Even these basic features perform mediocrely – the tools often run slow and require frequent restarts. The user interface is also uninspiring. What's more concerning is that there appears to be no ongoing development or improvement. There hasn't been a single update in the past two years.
Super helpful tool for debugging. I can see all the state and change it too!
excelente
really love this. has very intuitive UI
It work fine if your component don't have big objects (otherwise it's slow to navigate the tree), still missing $store data from alpine V3
Love it. Are there plans to add support for Alpine store?
This tool is a must. This is exactly what I was looking for when developing in Alpine.
Pretty great tool. Would like to have the ability to view the $store variable but I feel like its just a matter of time before that's added.