JSX HTML <tags/> installs statistics
By Angelo Rafael · VS Code Marketplace · Snippets
Use HTML Tags into JSX
JSX HTML <tags/> has 207,022 recorded installs on VS Code Marketplace, ranking #1467 of 2,501 tracked listings.
Rating: 5.00 / 5 from 10 ratings
About JSX HTML <tags/>
JSX HTML <tags/>

HTML tags to JSX files
Support .js | .jsx | .tsx files
<br>Snippets
Content sectioning
| Command | Result |
|---|---|
| <kbd>address</kbd> | <address></address> |
| <kbd>article</kbd> | <article></article> |
| <kbd>aside</kbd> | <aside></aside> |
| <kbd>footer</kbd> | <footer></footer> |
| <kbd>header</kbd> | <header></header> |
| <kbd>h1</kbd> | <h1></h1> |
| <kbd>h2</kbd> | <h2></h2> |
| <kbd>h3</kbd> | <h3></h3> |
| <kbd>h4</kbd> | <h4></h4> |
| <kbd>h5</kbd> | <h5></h5> |
| <kbd>h6</kbd> | <h6></h6> |
| <kbd>main</kbd> | <main></main> |
| <kbd>nav</kbd> | <nav></nav> |
| <kbd>section</kbd> | <section></section> |
Text content
| Command | Result |
|---|---|
| <kbd>blockquote</kbd> | <blockquote></blockquote> |
| <kbd>dd</kbd> | <dd></dd> |
| <kbd>div</kbd> | <div></div> |
| <kbd>dl</kbd> | <dl></dl> |
| <kbd>dt</kbd> | <dt></dt> |
| <kbd>figcaption</kbd> | <figcaption></figcaption> |
| <kbd>figure</kbd> | <figure></figure> |
| <kbd>hr</kbd> | <hr/> |
| <kbd>li</kbd> | <li></li> |
| <kbd>ol</kbd> | <ol></ol> |
| <kbd>p</kbd> | <p></p> |
| <kbd>pre</kbd> | <pre></pre> |
| <kbd>ul</kbd> | <ul></ul> |
Inline text semantics
| Command | Result |
|---|---|
| <kbd>a</kbd> | <a href=""></a> |
| <kbd>abbr</kbd> | <abbr title=""></abbr> |
| <kbd>br</kbd> | <br/> |
| <kbd>cite</kbd> | <cite></cite> |
| <kbd>code</kbd> | <code></code> |
| <kbd>em</kbd> | <em></em> |
| <kbd>mark</kbd> | <mark></mark> |
| <kbd>small</kbd> | <small></small> |
| <kbd>span</kbd> | <span></span> |
| <kbd>strong</kbd> | <strong></strong> |
| <kbd>time</kbd> | <time></time> |
Image and multimedia
| Command | Result |
|---|---|
| <kbd>audio</kbd> | <audio src=""></audio> |
| <kbd>img</kbd> | <img src="" alt="" /> |
| <kbd>track</kbd> | <track src="" /> |
| <kbd>video</kbd> | <video src=""></video> |
Demarcating edits
| Command | Result |
|---|---|
| <kbd>del</kbd> | <del></del> |
| <kbd>ins</kbd> | <ins></ins> |
Table content
| Command | Result |
|---|---|
| <kbd>caption</kbd> | <caption></caption> |
| <kbd>table</kbd> | <table></table> |
| <kbd>tbody</kbd> | <tbody></tbody> |
| <kbd>td</kbd> | <td></td> |
| <kbd>tfoot</kbd> | <tfoot></tfoot> |
| <kbd>th</kbd> | <th></th> |
| <kbd>thead</kbd> | <thead></thead> |
| <kbd>tr</kbd> | <tr key=""></tr> |
Forms
| Command | Result |
|---|---|
| <kbd>button</kbd> | <button></button> |
| <kbd>datalist</kbd> | <datalist></datalist> |
| <kbd>fieldset</kbd> | <fieldset></fieldset> |
| <kbd>form</kbd> | <form></form> |
| <kbd>input</kbd> | <input type="text" /> |
| <kbd>label</kbd> | <label></label> |
| <kbd>legend</kbd> | <legend></legend> |
| <kbd>optgroup</kbd> | <optgroup></optgroup> |
| <kbd>option</kbd> | <option value="" key=""></option> |
| <kbd>progress</kbd> | <progress></progress> |
| <kbd>select</kbd> | <select></select> |
| <kbd>textarea</kbd> | <textarea cols="30" rows="10"></textarea> |
Interactive elements
| Command | Result |
|---|---|
| <kbd>details</kbd> | <details></details> |
| <kbd>summary</kbd> | <summary></summary> |
<br><br>
Buy me a coffe ☕
If you've come this far, it's because you saw some product or code of mine that helped you. I developed it with a lot of appreciation and a lot of dedication to be able to help you. Help me develop more things that will help even more people.
Se você chegou até aqui, é porque viu algum produto ou código meu que lhe ajudou. Desenvolvi com muito apreço e muita dedicação para poder ajudar você. Ajude-me a desenvolver mais coisas que ajudarão mais pessoas ainda.
<a href="https://www.buymeacoffee.com/angelorafael"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=&slug=angelorafael&button_colour=FFDD00&font_colour=000000&font_family=Cookie&outline_colour=000000&coffee_colour=ffffff" /></a>
Enjoy it!
Description from the VS Code Marketplace listing.
- snippet
README badge
Show your rank in a README or on your website. The badge updates automatically.
Charts
Images: 30d · 1y · all time · 1600×900 dark
Adoption over time
7/30/90-day growth
Ranking history
Ratings over time
Listing placement
Listing placement
Filled points are observed values; hollow points come from Internet Archive snapshots of the listing page. Dashed segments span periods with no observations — values between points are not interpolated.
Each band is one page of 20. Installs on a linear scale. Placement is projected from installs, so it can differ from the marketplace's own sort order. Hover a dot to see the listing.
Recent observations
Full history (5)Similar VS Code Marketplace Snippets plugins
All 20 JSX HTML <tags/> alternativesData source
Install counts, average rating, and rating counts come from the public Visual Studio Marketplace gallery API. Installs are cumulative and exclude updates.
Listing: https://marketplace.visualstudio.com/items?itemName=angelorafael.jsx-html-tags. First seen Oct 16, 2026; last successful collection Oct 20, 2026. See the methodology.