This tool converts standard Tailwind CSS into logical format, compatible with tailwindcss-logical and native Tailwind (v3.3+). Paste your CSS, choose an output format, and see the converted CSS dynamically rendered. The differences are highlighted for easy comparison. Use the 'copy' button to grab your converted CSS for use in your projects.
The Markup for the Demo below is a block form Flowbite, which you can find here.
| Product name | Category | Brand | Description | Price | Actions |
|---|---|---|---|---|---|
| Apple iMac 27" | PC | Apple | 300 | $2999 | |
| Apple iMac 20" | PC | Apple | 200 | $1499 | |
| Apple iPhone 14 | Phone | Apple | 1237 | $999 | |
| Apple iPad Air | Tablet | Apple | 4578 | $1199 | |
| Xbox Series S | Gaming/Console | Microsoft | 56 | $299 | |
| PlayStation 5 | Gaming/Console | Sony | 78 | $799 | |
| Xbox Series X | Gaming/Console | Microsoft | 200 | $699 | |
| Apple Watch SE | Watch | Apple | 657 | $399 | |
| NIKON D850 | Photo | Nikon | 465 | $599 | |
| Monitor BenQ EX2710Q | TV/Monitor | BenQ | 354 | $499 |