Tailwind UI React

Automatic translation of Tailwind UI components to React

Tailwind UI React - Translate Tailwind UI components to React

Tailwind UI React is a Chrome extension that automatically translates Tailwind UI components to React JSX. It swaps `class` to `className`, sets up animated transitions, replaces HTML comments with JSX comments, and performs other helpful tasks.
Install from Chrome Web Store

Extension stats

Users: 346
8
Rating: 5.00
(7)
Version: 1.3 (Last updated: 2021-01-04)
Creation date: 2020-05-24
Risk impact: Low risk impact
Risk likelihood:
Manifest version: 2
Permissions:
  • https://tailwindui.com/*
Size: 385.02K

Other platforms

Learn React (v4.1)
2.20 (165) 42,548+
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

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.

User reviews

Super helpful until the official support for React lands. Thank you!
by Mustafa Gezen, 2021-03-20

Thanks for building
by Khaled Nur, 2021-03-09

Thank you for building this! Big time saver. Keeping my sanity one copy-paste at a time.
by Dom Marrone, 2021-01-18
View all user reviews

Extension safety

Risk impact

Tailwind UI React requires very minimum permissions.

Risk likelihood

Tailwind UI React has earned a fairly good reputation and likely can be trusted.

Upgrade to see risk analysis details

Similar extensions

Here are some Chrome extensions that are similar to Tailwind UI React: