{"repo":"muhammadsammy/tailwindcss-classnames","free":true,"listed":false,"github":"https://github.com/muhammadsammy/tailwindcss-classnames","clone":"git clone https://github.com/muhammadsammy/tailwindcss-classnames.git","description":"Functional typed classnames for TailwindCSS","language":"TypeScript","stars":708,"topics":["tailwindcss","reactjs","tailwind","functional-css","css","typescript","react"],"license":"MIT","category":"ui-components","readme_excerpt":"tailwindcss-classnames Functional typed classnames for TailwindCSS TailwindCSS is a CSS library that has gained a lot of traction. The developer experience is pretty epic and you ensure a low footprint on your css by composing existing classes for most of your css. So why mess with it? TailwindCSS is based on strings and with some nice tooling on top like TailwindCSS VSCode extension you get a pretty descent experience. That said, there are limitations to a purely declarative approach of strings. When using tailwindcss-classnames you will get additional power in the form of: - Validation of classnames : You can not write the wrong classname, cause the API only allows you to insert valid classnames - Functional approach : Since we are working in Typescript we get more freedom in using functional powers like composition and dynamic composition - Defining by variables : Even though it is nice to write TailwindCSS inline with your elements, it does not scale. You want to move definitions outside of the component for reusability and composition - Support for all editors and IDEs : Because it's just TypeScript types, you get these powers in all editors and IDEs that support TypeScript. You can not get this experience using pure TailwindCSS and the VSCode extension, but you do get it with tailwindcss-classnames . Install Please follow the guide to set up TailwindCSS . Now do: NOTE: This project versions match with TailwindCSS versions except for semver patch releases The project is ","default_branch":null,"files":null,"tree":[],"storefront":"/r/muhammadsammy","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/muhammadsammy/tailwindcss-classnames/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}