Skip to content

Commit 324f802

Browse files
Update README.md
1 parent 71e67cf commit 324f802

File tree

1 file changed

+7
-6
lines changed

1 file changed

+7
-6
lines changed

README.md

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,19 @@
1-
<h1 align="center">
1+
<div align="center">
2+
<br>
23
<img style="max-width: 100%; width: 360px; height: auto;" src=".docs/stimulus_devtools_logo.svg" alt="Stimulus DevTools" />
3-
<span style="position: absolute; width: 0; height: 0; opacity: 0;">Stimulus DevTools</span>
4-
</h1>
4+
<br>
5+
</div>
56

67
<h4 align="center">A developer tool for debugging Stimulus applications at runtime.</h4>
78

89
## Overview
910

10-
![Screenshot](.docs/screenshot.jpg)
11-
1211
The Stimulus DevTools Chrome Extension is an open-source tool designed to simplify the process of debugging [Stimulus](https://stimulus.hotwired.dev/) on a web page. It provides a user-friendly interface for inspecting values, targets, outlets, and classes of Stimulus controllers, all directly from Chrome's DevTools.
1312

1413
*Inspired by the amazing [Vue DevTools](https://github.com/vuejs/devtools) and [Nuxt DevTools](https://github.com/nuxt/devtools).*
1514

15+
![Screenshot](.docs/screenshot.jpg)
16+
1617
## Features
1718

1819
-**Controllers List:** Get a quick view of all Stimulus controllers present on the current page.
@@ -57,4 +58,4 @@ This project is licensed under the [MIT License](LICENSE).
5758

5859
> [robinsimonklein.com](https://robinsimonklein.com) &nbsp;&middot;&nbsp;
5960
> GitHub [@robinsimonklein](https://github.com/robinsimonklein) &nbsp;&middot;&nbsp;
60-
> 𝕏 [@rsimonklein](https://twitter.com/rsimonklein)
61+
> 𝕏 [@rsimonklein](https://twitter.com/rsimonklein)

0 commit comments

Comments
 (0)