Tailwind CSS is an open source CSS framework. The main feature of this library is that, unlike other CSS frameworks like Bootstrap, it does not provide a series of predefined classes for elements such as buttons or tables. Instead, it creates a list of "utility" CSS classes that can be used to style each element by mixing and matching.
if you are asking to use my code for your application, my answer to that question is usually yes, with attribution.
I am keeping my code open source, but as you all know, plagiarism is bad. it is a bad thing to find your code in anothor project without giving me credit. so All I ask of you all is to not claim this effort as your own.
Finally, you can fork this repo and give me credit Muhammad Selim.
- Install Node.js.
- Initialize package.json
npm init
- Install Tailwind CSS
npm install -D tailwindcss npx tailwindcss init
- Configure your template paths
/** @type {import('tailwindcss').Config} */ module.exports = { content: ["./src/**/*.{html,js}"], theme: { extend: {}, }, plugins: [], }
- Start the Tailwind CLI build process
npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch
Component
|--- node_modules
|--- style
|--- |--- input.css
|--- |--- output.css
|--- index.html
|--- main.js
|--- package.json
|--- tailwind.config.js
|--- README.md