lljjpbaakboipfnhngbmmfmlbiiklmnl
DevTools extension for debugging Alpine.js applications. Debug Alpine.js apps with a proper tool Alpine.js DevTools Pro adds a clean, professional panel to your Chrome DevTools that makes debugging Alpine.js applications actually enjoyable. WHAT YOU GET See everything happening in your Alpine.js app • View all your components in a nice tree structure • Check component data, methods, and attributes in real-time • Edit values directly and watch your page update instantly • Hover over components to highlight them on the page Never miss an event again • Record all Alpine.js events as they happen • See exactly what data each event carries • Pause recording when you need to focus • Clear the history when things get messy Manage your Alpine stores like a pro • All your Alpine.store() instances in one place • Edit store values on the fly • Works with simple values and complex objects • Watch everything update across your entire app WHY THIS EXTENSION EXISTS Debugging Alpine.js apps used to mean console.log everywhere and guessing what's in your component data. This extension gives you complete visibility into your Alpine.js app without the guesswork. WHAT YOU CAN EXPECT It just works • Automatically detects Alpine.js on any page • Zero setup required • Handles large apps smoothly • Built for performance and stability Professional quality • Handles complex data structures properly • Stable performance you can rely on • Regular updates and real support • Built for actual production projects Clean interface • Light and dark themes (follows your system preference) • Everything where you'd expect to find it • No cluttered UI or confusing buttons • Focused on getting work done PERFECT FOR - Laravel developers using Alpine.js in their projects - Livewire teams who need to debug component interactions - Magento developers working with Hyvä Theme and Hyvä Commerce - Agencies building custom Hyvä storefronts and Hyvä Checkout flows - Frontend developers debugging Alpine.js applications - Anyone building modern web apps with Alpine.js who wants proper debugging tools ✓ Component inspector - See all your Alpine components and their data ✓ Live editing - Change values and see instant results ✓ Event monitoring - Catch every event with full details ✓ Store management - Debug Alpine stores easily ✓ Element correlation - Click to inspect in DOM ✓ Real-time updates - Everything syncs automatically ✓ Livewire support - Full integration with server-side events ✓ Performance optimized - Won't slow down your development ✓ Dark/light themes - Whatever you prefer ✓ Professional licensing - For commercial use HOW IT HELPS YOUR WORKFLOW Common debugging tasks made easy: • "Why isn't this component updating?" → Check the component data in real-time • "Did this event fire?" → Watch the event monitor • "What's in my Alpine store?" → See all stores and their contents • "Which component is this element?" → Hover and highlight Install it and try it out on your projects. No artificial limitations or naggy trial popups. For commercial use, you'll need a license. It's reasonably priced and works on up to 3 devices. You can manage everything from your account dashboard. SUPPORT AND UPDATES • Regular updates with new features and bug fixes • Responsive support when you need help • Built by people who actually use Alpine.js daily • Continuously improved based on user feedback
Xdebug Helper by JetBrains
A modern, dependency-free, extension for Xdebug Allows controlling Xdebug sessions by managing cookies for debugging, profiling, and tracing. Configure IDE key, profile, and trigger values through an intuitive interface.
Knockoutjs context debugger
Shows the knockout context & data for the selected dom node in a sidebar of the elements pane.
Clockwork
php dev tools integrated to your browser Clockwork is a development tool for PHP available right in your browser. Clockwork gives you an insight into your application runtime - including request data, performance metrics, log entries, database queries, cache queries, redis commands, dispatched events, queued jobs, rendered views and more - for HTTP requests, commands, queue jobs and tests. Install the Clockwork server-side component via Composer to collect all the metrics. Includes a first-class Laravel support, easy integration with vanilla or custom apps. Read the full installation guide on the Clockwork website - https://underground.works/clockwork/#documentation
Alpine.js devtools
DevTools extension for debugging Alpine.js applications. 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.
