Web | Mon May 16 20228,972 views
Login with Tailwind
Hey there! 📷
About this app
If you are learning how to use Tailwind CSS for styling your React apps, this is the perfect app for you. Tailwind CSS is a utility-first CSS framework for quickly building complex, responsive layouts.
If you would like to know more about Tailwind, you can check out the docs.
Resources
Dependencies
To add Tailwind to your project, run the following command:
npm install -D tailwindcss postcss autoprefixer
Then run the following command to initialize tailwind:
npx tailwindcss init -p
Configure your tailwind.config.js file to add the following:
module.exports = {
content: ["./src/**/*.{js,jsx,ts,tsx}"],
theme: {
extend: {},
},
plugins: [],
};
Add the Tailwind directives to your CSS
@tailwind base;
@tailwind components;
@tailwind utilities;
And that's it! You can now use Tailwind in your React app.
Links
Go back to Projects