Hotwire Dev Tools - Chrome Web Store
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

Hotwire 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+A) 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 55 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.3
  • Updated
    July 7, 2024
  • Offered by
    Leon Vogt
  • Size
    120KiB
  • 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

GraphQL Network Inspector

4.7(111)

Simple and clean network inspector for GraphQL

Rails Panel

4.8(107)

Devtools panel for Rails development

Emmet Re:view

4.4(162)

Fast and easy way to test your responsive design in multiple viewports

Ember Inspector

4.8(343)

Tool for debugging Ember applications.

CSS Dig

2.9(51)

Collect and analyze CSS.

Code Climate

4.0(42)

A Chrome extension for Code Climate

GIFs for GitHub

4.8(30)

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

Octotree - GitHub code tree

4.9(1.1K)

GitHub on steroids

Alpine.js devtools

4.6(31)

DevTools extension for debugging Alpine.js applications.

Gimli Tailwind

4.4(27)

A DevTools extension enabling smart tools for Tailwind CSS.

Segment Event Tracker

4.7(12)

See when Segment, Rudderstack, Attribution and Dreamdata events are being tracked.

Linki.app Bookmark Manager & Organizer

5.0(5)

Linki.app Chrome extension is the fast and easy way to save bookmarks from anywhere across the web to your Linki.app account. With…

GraphQL Network Inspector

4.7(111)

Simple and clean network inspector for GraphQL

Rails Panel

4.8(107)

Devtools panel for Rails development

Emmet Re:view

4.4(162)

Fast and easy way to test your responsive design in multiple viewports

Ember Inspector

4.8(343)

Tool for debugging Ember applications.

CSS Dig

2.9(51)

Collect and analyze CSS.

Code Climate

4.0(42)

A Chrome extension for Code Climate

GIFs for GitHub

4.8(30)

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

Octotree - GitHub code tree

4.9(1.1K)

GitHub on steroids

Google apps