Item logo image for Hotwire Dev Tools

Hotwire Dev Tools

5.0(

6 ratings

)
ExtensionDeveloper Tools591 users
Item media 3 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 1 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot

Overview

Dev Tools for Turbo and Stimulus

This extension has the goal of helping developers inspect their Turbo and Stimulus applications. Turbo Features: - Highlight Turbo Frames - Monitor incoming Turbo Streams - Display Turbo context information (Turbo Drive enabled, morphing enabled, ...) - Display warning when a Turbo Frame ID is not unique - List all Turbo Frames on the page Stimulus Features - Highlight Stimulus controllers - List all Stimulus controllers on the page - Display warning when a `data-controller` doesn't match any registered controller Usage: Once installed, click on the extension icon (or press Alt+Shift+S) to open the Dev Tools options. From there you can enable/disable the features you want to use. Source code: https://github.com/leonvogt/hotwire-dev-tools

5 out of 56 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Ricky GonzalezJun 19, 2024

Worked great out of the box . Fantastic stuff!

Review's profile picture

Enrico LabedzkiJun 10, 2024

The best Addon for https://hotwired.dev stack so far. The developer is very responsive to requests and ideas. Awaiting version 0.2.0 coming in the next few days.

Details

  • Version
    0.2.4
  • Updated
    August 25, 2024
  • Offered by
    Leon Vogt
  • Size
    121KiB
  • Languages
    English
  • Developer
    Email
    leon.vogt@hey.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

CSS Stacking Context inspector

3.9(19)

Helps inspecting the css stacking contexts and solving the z-index war.

Rails Panel

4.8(108)

Devtools panel for Rails development

Ember Inspector

4.8(344)

Tool for debugging Ember applications.

Raycast Companion

4.8(22)

A browser extension to give more context to Raycast

Code Climate

4.0(42)

A Chrome extension for Code Climate

GIFs for GitHub

4.8(32)

Easily search GIPHY to add a GIF into any GitHub comment box.

Octotree - GitHub code tree

4.9(1.1K)

GitHub on steroids

Pinboard Plus

4.2(103)

A better extension for Pinboard (http://pinboard.in). Easy to know current page has been saved or not.

Windy

2.9(21)

Convert any HTML on any website to TailwindCSS

Notifier for GitHub

4.7(53)

Displays your GitHub notifications unread count

Alpine.js devtools

4.4(34)

DevTools extension for debugging Alpine.js applications.

Gimli Tailwind

4.5(30)

A DevTools extension enabling smart tools for Tailwind CSS.

CSS Stacking Context inspector

3.9(19)

Helps inspecting the css stacking contexts and solving the z-index war.

Rails Panel

4.8(108)

Devtools panel for Rails development

Ember Inspector

4.8(344)

Tool for debugging Ember applications.

Raycast Companion

4.8(22)

A browser extension to give more context to Raycast

Code Climate

4.0(42)

A Chrome extension for Code Climate

GIFs for GitHub

4.8(32)

Easily search GIPHY to add a GIF into any GitHub comment box.

Octotree - GitHub code tree

4.9(1.1K)

GitHub on steroids

Pinboard Plus

4.2(103)

A better extension for Pinboard (http://pinboard.in). Easy to know current page has been saved or not.

Google apps