Post

Live/(re)launched alpinedevtools.com Over the past few weeks.

alpinedevtools.comAlpine DevtoolsAlpine.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.

Hugo

@codewithhugo.com

12 Apr 2025

Free Extension (re)available on Chrome webstore: - manifest v3 compatible (rewrite to @solidjs.com) - component inspect/data edit - performance fix for larger components (instant updates, tested on 10k data properties) - state/sync reload fixes (no more close/reopen, works on page refresh etc)

Hugo

@codewithhugo.com

12 Apr 2025

Early Access (paid) features, see alpinedevtools.com/pricing (launch discount!) - Alpine v3 stores inspect/data edit - Alpine v3 eval warnings - jump to source in elements tab for eval errors and components

Hugo

@codewithhugo.com

What's next? - time travel debugging (store data updates and re-apply them) - improvements to component/data edit UX Let me know your workflow/features you need: alpinedevtools.com/survey

alpinedevtools.comAlpine.js Devtools Workflow SurveyThis short 6-question survey will help me prioritise features and explore ways to make Alpine.js Devtools more sustainable. If you use Alpine.js Devtools, I’d love your input! (I'm collecting emails t...

12/4/25, 12:58 pm0 reposts0 likes

No replies yet.