Automatic translation of Tailwind UI components to React

Latest Version

Version
1.3
Update
January 4, 2021
Size
376KiB
Developer
Category
Users
337
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English (United States)
See more
Permissions
Https://tailwindui.com/*
See more

Tailwind UI React Extension

Change the \"code\" tab of Tailwind UI to show React JSX instead of HTML.

This auto-generated component automatically swaps `class` to `className`, sets up animated transitions, replaces HTML comments with JSX comments, and about 20 other little jobs.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Tailwind UI React", "version": "1.3", "description": "Automatic translation of Tailwind UI components to React", "permissions": ["https://tailwindui.com/*"], "content_scripts": [ { "matches": ["https://tailwindui.com/*"], "js": ["prism.min.js", "prism-jsx.min.js", "main.js"] } ], "icons": { "128": "icons/icon128.png" }, "manifest_version": 2}
Read more

Similar Extensions

icon

Inspect Flow Extension · Developer Tools 337 5 ★ 900KiB

icon

CSS To Tailwind Extension · Developer Tools 337 22 ★ 182KiB

icon

Windy Extension · Developer Tools 337 21 ★ 2.31MiB

icon

Tailscan Extension · Developer Tools 337 16 ★ 1.92MiB

icon

Tailwind Eye Dropper Extension · Developer Tools 337 2 ★ 183KiB

icon

HTML To React Extension · Productivity 337 2 ★ 41.97KiB

icon

Gimli Tailwind Extension · Developer Tools 337 33 ★ 151KiB

icon

HTML to React Extension · Developer Tools 337 4 ★ 342KiB

icon

Tailwind Devtools Extension · Developer Tools 337 8 ★ 103KiB

icon

Jinno: code any React component with AI Extension · Developer Tools 337 38 ★ 18.37MiB

icon

Devtools for Tailwind CSS Extension · Developer Tools 337 18 ★ 49.64MiB

icon

Tailwind CSS Devtools Extension · Developer Tools 337 7 ★ 857KiB

icon

React Context DevTool Extension · Developer Tools 337 21 ★ 2.35MiB

icon

Tailwind CSS Media Query Inspector Extension · Developer Tools 337 4 ★ 631KiB

icon

Supertweak Extension · Developer Tools 337 4 ★ 75.3KiB

icon

Tailwind Cheat Sheet Extension Extension · Developer Tools 337 5 ★ 224KiB

icon

Reactime Extension · Developer Tools 337 33 ★ 803KiB

icon

click-to-react-component Extension · Developer Tools 337 5 ★ 79.5KiB

icon

React VT Extension · Developer Tools 337 2 ★ 1.51MiB

icon

React Stores Devtools Extension Extension · Developer Tools 337 0 ★ 716KiB

icon

DivMagic - Copy Style from any website Extension · Developer Tools 337 55 ★ 1.3MiB

icon

Extract to React Extension · Developer Tools 337 7 ★ 489KiB

icon

Tailwind Color Picker Extension · Developer Tools 337 6 ★ 345KiB

icon

WindChat-ChatGPT Tailwind CSS React Previewer Extension · Developer Tools 337 4 ★ 483KiB

User reviews

icon

Mustafa Gezen (ID: 000000905fccd18f) Voted 5 ★ - Updated 03/20/2021 Super helpful until the official support for React lands. Thank you!

icon

Khaled Nur (ID: 000000bf7f1e3eb9) Voted 5 ★ - Updated 03/09/2021 Thanks for building

icon

Dom Marrone (ID: 0000002f1673e9d6) Voted 5 ★ - Updated 01/18/2021 Thank you for building this! Big time saver. Keeping my sanity one copy-paste at a time.

icon

Perry Raskin (ID: 0000003f623a45a4) Voted 5 ★ - Updated 12/21/2020 Super helpful! Christian is the man for taking some time and making this stuff easier for all of us :)

icon

Nathan (ID: 000000644098b1f3) Voted 5 ★ - Updated 12/08/2020 @Christian I love you! Thank you for this amazing tool! Some components are still buggy (i.e. dropdown and menu) but you still make me save a lot of time!