To Logical Tailwind CSS

See in Github

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.

See it in action

The Markup for the Demo below is a block form Flowbite, which you can find here.

Product nameCategoryBrandDescriptionPriceActions
Apple iMac 27"PCApple300$2999
Apple iMac 20"PCApple200$1499
Apple iPhone 14PhoneApple1237$999
Apple iPad AirTabletApple4578$1199
Xbox Series SGaming/ConsoleMicrosoft56$299
PlayStation 5Gaming/ConsoleSony78$799
Xbox Series XGaming/ConsoleMicrosoft200$699
Apple Watch SEWatchApple657$399
NIKON D850PhotoNikon465$599
Monitor BenQ EX2710QTV/MonitorBenQ354$499