iron coding
iron coding
  • 78
  • 248 747
Install Tailwind CSS Latest Version 4.0 in React JS Project
How to install Tailwind CSS in React | Tailwind CSS React tutorial | How to Install Tailwind CSS 4.0 With Vite React
Integrate Tailwind CSS with React
Tailwind CSS setup in React
React Tailwind CSS installation
In this tutorial, I will guide you how to install tailwind css in react. Tailwind css just upgrade there version to 4.0 and they changes the installation process completely.
What You'll Learn:
Setting up a new React application using vite.
Installing Tailwind CSS.
Configuring Tailwind for optimal performance.
Implementing Tailwind's utility classes to style your components.
Follow & Chat with us:
Telegram: t.me/iron_coding
Instagram: iron.coding
📌 React JS projects with Tailwind CSS:
Animated Portfolio Website with React JS, Tailwind CSS, and Framer Motion
th-cam.com/video/AR-uqkPDQYs/w-d-xo.html
How to Make Portfolio Website with React JS & Tailwind CSS | React Portfolio Tutorial 2024
th-cam.com/video/V1BDMy64Unc/w-d-xo.html
Complete Ecommerce Website Using React JS | React JS Projects 2024
th-cam.com/video/PsIA2w6eiPg/w-d-xo.html
Complete Responsive Portfolio Website Using React JS & Tailwind CSS | Beginners Tutorial
th-cam.com/video/tAKYsnJVk34/w-d-xo.html
How to Build To-Do List App with React JS
th-cam.com/video/-qM82_YTuQQ/w-d-xo.html
📌 JavaScript projects:
Create To-Do List App Using HTML CSS
th-cam.com/video/xKLwToE-uF0/w-d-xo.html
Weather App using HTML CSS & Javascript
th-cam.com/video/TWlVG9jyQig/w-d-xo.html
📌 Deploy websites for free:
Best Way to Deploy Your Website for FREE on Vercel
th-cam.com/video/VyVMsse0C6E/w-d-xo.html
Deploy & Host Your Website for Free on GitHub
th-cam.com/video/ms5W8AVJu2w/w-d-xo.html
Don’t Forget to SUBSCRIBE
For more exciting tutorials on react js projects, coding, and web development, make sure to subscribe to Iron Coding and hit the notification bell so you never miss an update!
#TailwindCSS #ReactJS #WebDevelopment #ReactTutorial #TailwindCSSTutorial
มุมมอง: 1 488

วีดีโอ

Introduction to JavaScript: Learn Variables and Key Data Types in JavaScript
มุมมอง 887หลายเดือนก่อน
#javascript #webdevelopment #codingbasics What Is JavaScript | Introduction to JavaScript | How to Write Your First JavaScript Program | Variables and Data Types in JavaScript | JavaScript Tutorial for Beginners Learn the basics of JavaScript in this beginner-friendly video! We'll cover an introduction to JavaScript, variables, and data types to help you get started with coding. Perfect for any...
Animated Portfolio Website with React JS, Tailwind CSS, and Framer Motion
มุมมอง 6K2 หลายเดือนก่อน
how to make a portfolio website react js portfolio tutorial tailwind css portfolio animated portfolio website How to Build an Animated Portfolio Website with React, Tailwind CSS, and Framer Motion Source Code: topmate.io/ironcoding/1328844 In this tutorial, I’ll guide you step-by-step to create an animated portfolio website using React, Tailwind CSS, and Framer Motion. Whether you're a beginner...
Best Way to Deploy Your Website for FREE on Vercel
มุมมอง 1.3K2 หลายเดือนก่อน
#vercel #hosting How to deploy a website on Vercel for free, Free website hosting with Vercel, Deploy Next.js app on Vercel, Vercel free hosting tutorial, Step-by-step guide to deploy website on Vercel, Deploy React app on Vercel, How to use Vercel for free hosting, Vercel hosting guide for beginners, Deploy website from GitHub to Vercel, Best free hosting platforms 2024 In this video, I will s...
Deploy & Host Your Website for Free on GitHub in Minutes!
มุมมอง 1.1K3 หลายเดือนก่อน
How to deploy a website on Github Free website hosting Github Github Pages deployment tutorial How to use Github Pages for beginners Publish website Github Pages In this video, we’ll learn how to deploy and host your website on GitHub for free! This step-by-step guide will show you how to set up a GitHub repository, push your code, and get your site live on GitHub Pages in no time. Whether you’...
Create Live Streaming App using React JS & ZEGOCLOUD SDK
มุมมอง 7013 หลายเดือนก่อน
Get 10000 free mins with UIKits: bit.ly/4eDKxjn Take advantage of ZEGOCLOUD: bit.ly/4eEp5uC How to build a live streaming app: bit.ly/3U2R4M0 ZEGOCLOUD live streaming SDK allows you to easily build your live streaming apps within minutes. video chat app using React & ZEGOCLOUD: th-cam.com/video/wsEtOdB_KKU/w-d-xo.html Telegram: t.me/iron_coding Instagram: iron.coding?igsh=MXQwOXVn...
How to Make Portfolio Website with React JS & Tailwind CSS | React Portfolio Tutorial 2024
มุมมอง 3.9K3 หลายเดือนก่อน
how to make a portfolio website react js portfolio tutorial tailwind css portfolio react portfolio website In this video, you'll learn how to build a stunning portfolio website using React JS and Tailwind CSS. This tutorial is perfect for beginners, and I explain everything step-by-step to ensure you can follow along easily. In the next video we will add animations in this portfolio website wit...
Create Video Calling App using React JS & ZEGOCLOUD
มุมมอง 1.6K4 หลายเดือนก่อน
Get 10000 free mins with UIKits: bit.ly/3XTjOcN Learn more about ZEGOCLOUD: bit.ly/4e1C5Kt How to build a video call App: bit.ly/4gsu7Ma ZEGOCLOUD video call SDK & API allows you to easily build your live video chat apps within minutes. Telegram: t.me/iron_coding Instgram: iron.coding?igsh=MXQwOXVnc3EzMHlwbQ Video Titles How to build a live streaming app using React? How to build ...
Create To-Do List App Using HTML CSS And JavaScript | JavaScript Projects 2024
มุมมอง 2.8K4 หลายเดือนก่อน
Create To-Do List App Using HTML CSS And JavaScript | JavaScript Projects 2024
How to Build To-Do List App with React JS | React JS Projects 2024
มุมมอง 2K5 หลายเดือนก่อน
How to Build To-Do List App with React JS | React JS Projects 2024
Weather App using HTML CSS & Javascript | Javascript Projects 2024
มุมมอง 8K5 หลายเดือนก่อน
Weather App using HTML CSS & Javascript | Javascript Projects 2024
Complete Ecommerce Website Using React JS | React JS Projects 2024
มุมมอง 32K5 หลายเดือนก่อน
Complete Ecommerce Website Using React JS | React JS Projects 2024
Complete Responsive Portfolio Website Using React JS & Tailwind CSS | Beginners Tutorial
มุมมอง 32K5 หลายเดือนก่อน
Complete Responsive Portfolio Website Using React JS & Tailwind CSS | Beginners Tutorial
Responsive Image Slider with HTML CSS and JavaScript
มุมมอง 6K6 หลายเดือนก่อน
Responsive Image Slider with HTML CSS and JavaScript
Create 3D Rotation Effect Using CSS | Step-by-Step Tutorial
มุมมอง 12K6 หลายเดือนก่อน
Create 3D Rotation Effect Using CSS | Step-by-Step Tutorial
Create News Website Using React JS and Bootstrap | React JS Projects for Beginners
มุมมอง 3.8K6 หลายเดือนก่อน
Create News Website Using React JS and Bootstrap | React JS Projects for Beginners
Animated Login Page Using HTML CSS & JavaScript | Step-by-Step Tutorial
มุมมอง 18K6 หลายเดือนก่อน
Animated Login Page Using HTML CSS & JavaScript | Step-by-Step Tutorial
Animated Website with HTML and CSS | Beginner's Guide"
มุมมอง 4.7K6 หลายเดือนก่อน
Animated Website with HTML and CSS | Beginner's Guide"
How to Create a Fully 3D Animated Website Using Spline | Step-by-Step Tutorial
มุมมอง 4.6K7 หลายเดือนก่อน
How to Create a Fully 3D Animated Website Using Spline | Step-by-Step Tutorial
How to Create an Animated Login Page with HTML & CSS | Step-by-Step Tutorial
มุมมอง 2.5K7 หลายเดือนก่อน
How to Create an Animated Login Page with HTML & CSS | Step-by-Step Tutorial
Create Stunning 3D Rotation Cards Animation with CSS | CSS Tutorial
มุมมอง 9877 หลายเดือนก่อน
Create Stunning 3D Rotation Cards Animation with CSS | CSS Tutorial
Responsive Portfolio Website Tutorial | HTML & CSS | Step-by-Step Guide
มุมมอง 2.3K7 หลายเดือนก่อน
Responsive Portfolio Website Tutorial | HTML & CSS | Step-by-Step Guide
Responsive Navbar Tutorial | HTML & CSS | Step-by-Step Guide
มุมมอง 2.8K7 หลายเดือนก่อน
Responsive Navbar Tutorial | HTML & CSS | Step-by-Step Guide
forms and entities in HTML #webdevelopment #webdeveloper #html #css #htmlcss #javascript #coding
มุมมอง 1337 หลายเดือนก่อน
forms and entities in HTML #webdevelopment #webdeveloper #html #css #htmlcss #javascript #coding
Tables in HTML in 1 minute
มุมมอง 2237 หลายเดือนก่อน
Tables in HTML in 1 minute
Learn web development day 7 #webdevelopment #html #css #javascript #coding
มุมมอง 5637 หลายเดือนก่อน
Learn web development day 7 #webdevelopment #html #css #javascript #coding
Learn web development day 6 #webdevelopment #html #css #javascript #coding
มุมมอง 4468 หลายเดือนก่อน
Learn web development day 6 #webdevelopment #html #css #javascript #coding
Objects Arrays & Functions in JavaScript | Lecture 2
มุมมอง 2548 หลายเดือนก่อน
Objects Arrays & Functions in JavaScript | Lecture 2
Variables in JavaScript | Tutorial in English | lecture 1
มุมมอง 1.4K8 หลายเดือนก่อน
Variables in JavaScript | Tutorial in English | lecture 1

ความคิดเห็น

  • @md-gv8ch
    @md-gv8ch 3 วันที่ผ่านมา

    Super helpful

  • @IdrisMohammed-p4u
    @IdrisMohammed-p4u 5 วันที่ผ่านมา

    Intellisense is not working...please help

  • @AHMEDMALIK-ku6ph
    @AHMEDMALIK-ku6ph 5 วันที่ผ่านมา

    How to add that config file of tailwind to add custom classes etc

  • @biswajitsahoo8300
    @biswajitsahoo8300 8 วันที่ผ่านมา

    make Telwind css video

  • @jitenderdhiman2995
    @jitenderdhiman2995 9 วันที่ผ่านมา

    Thank you bro 🙏🙌

  • @Minnal_Vijay
    @Minnal_Vijay 9 วันที่ผ่านมา

    Congratulations i unsubscribeed your channel

  • @KeerthanaS-k8r
    @KeerthanaS-k8r 9 วันที่ผ่านมา

    Bro did you copied from great stack ?

  • @MosesAgaba-xf2ol
    @MosesAgaba-xf2ol 10 วันที่ผ่านมา

    hello bro i keep getting this error after installing and setting up vite " [plugin:vite:css] [postcss] It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration."

    • @ironcoding
      @ironcoding 9 วันที่ผ่านมา

      Bro if you are using vite js then you have to select tailwind for vite but if you are using create react app command then you have to use tailwind post css Here is the link for vite: tailwindcss.com/docs/installation/using-vite Here is the link for react js: tailwindcss.com/docs/installation/using-postcss

  • @MingYue_official
    @MingYue_official 10 วันที่ผ่านมา

    good job bro, I am from indonesia🤗🤗

    • @ironcoding
      @ironcoding 9 วันที่ผ่านมา

      Thanks bro 🙏

  • @diwakarshukla7800
    @diwakarshukla7800 11 วันที่ผ่านมา

    please make one for shadcn as we are facing issue due to tailwindcss update

  • @SunilKumar-yv4jp
    @SunilKumar-yv4jp 11 วันที่ผ่านมา

    Helpfull bro

  • @dhimangaming2161
    @dhimangaming2161 11 วันที่ผ่านมา

    Good 👍

  • @dhimancreators5344
    @dhimancreators5344 11 วันที่ผ่านมา

    Nice bro

  • @Nikhil-rv3to
    @Nikhil-rv3to 11 วันที่ผ่านมา

    Amazing brother i really need this as i was struggling from past 5 days and i see your video and my problem got solved 😊

  • @AsianServer
    @AsianServer 11 วันที่ผ่านมา

    bhai tailwind config bnaya hu me khud se sb kuch correct hai bus isko latest version 4 ke anusahr index css me kese migrate kru like colors background image and addcomponenets functions pls guide

    • @ironcoding
      @ironcoding 11 วันที่ผ่านมา

      Bhai Tailwind v4 ke liye tailwind.config.js update kar lo, colors aur background image check kar lo. Official migration guide follow karo: tailwindcss.com/docs/upgrade-guide.

  • @dusyantkumar2217
    @dusyantkumar2217 12 วันที่ผ่านมา

    How to install in normal react js app !

    • @ironcoding
      @ironcoding 11 วันที่ผ่านมา

      Bhai (create react app) me install karne ke liye (npm install -D tailwindcss postcss autoprefixer) run karo, phir (npx tailwindcss init -p) kro aur index.css me Tailwind imports add kar lo.

    • @gauravkumar0777
      @gauravkumar0777 วันที่ผ่านมา

      ​@@ironcodingNormal mein error aa raha h ye command chal nahi rahi h

  • @sgentertainer
    @sgentertainer 12 วันที่ผ่านมา

    Thank you brother for your informative video and please do how to host my python websites which uses flask

  • @jitenderdhiman2995
    @jitenderdhiman2995 12 วันที่ผ่านมา

    Very helpful video sir 👏

    • @ironcoding
      @ironcoding 12 วันที่ผ่านมา

      Thanks and welcome

  • @Nerdcoder1
    @Nerdcoder1 12 วันที่ผ่านมา

    Vote for previous voice back 👉

  • @avparadox
    @avparadox 14 วันที่ผ่านมา

    Chinese 😊

  • @irfankhanniazi5226
    @irfankhanniazi5226 14 วันที่ผ่านมา

    Well explained thanks for suc informative tutorial

  • @wuhlheide
    @wuhlheide 15 วันที่ผ่านมา

    can one not just use copilot?

  • @Nikhil-rv3to
    @Nikhil-rv3to 16 วันที่ผ่านมา

    Need more tutorials like this

  • @Nikhil-rv3to
    @Nikhil-rv3to 16 วันที่ผ่านมา

    Wow amazing 😊

    • @ironcoding
      @ironcoding 16 วันที่ผ่านมา

      Thank you! Cheers!

  • @jitenderdhiman2995
    @jitenderdhiman2995 17 วันที่ผ่านมา

    Nice trick

  • @pavankumartelkar8667
    @pavankumartelkar8667 21 วันที่ผ่านมา

    Bro please give the source code we cannot copy from description

  • @mashimbaPro
    @mashimbaPro 22 วันที่ผ่านมา

    Projects

  • @mashimbaPro
    @mashimbaPro 22 วันที่ผ่านมา

    Resources

  • @cheese7119
    @cheese7119 24 วันที่ผ่านมา

    Doesn't work

  • @Nikhil-rv3to
    @Nikhil-rv3to 24 วันที่ผ่านมา

    Helpful

  • @KalaiArasi-p2d
    @KalaiArasi-p2d 25 วันที่ผ่านมา

    Resource

  • @KalaiArasi-p2d
    @KalaiArasi-p2d 25 วันที่ผ่านมา

    Resources

  • @aqsashuaib1218
    @aqsashuaib1218 25 วันที่ผ่านมา

    This video is very amazing and time saving thankyou ❤keep making such beautiful content

    • @ironcoding
      @ironcoding 16 วันที่ผ่านมา

      Thank you so much 😀

  • @nityanandajena3669
    @nityanandajena3669 26 วันที่ผ่านมา

    bro why you waste our time? your sorce code didnt open.

  • @AmanYadav-b4v5x
    @AmanYadav-b4v5x 27 วันที่ผ่านมา

    You are a really great coder you should upload more often bring the complete series from basics of react and tailwind 🙏

    • @ironcoding
      @ironcoding 26 วันที่ผ่านมา

      Thanks bro and I'm also working on the react for beginners series coming soon 👀

  • @chabdullah4813
    @chabdullah4813 27 วันที่ผ่านมา

    Resources

    • @MrMenphis
      @MrMenphis 26 วันที่ผ่านมา

      In IG

  • @darajnayak11
    @darajnayak11 27 วันที่ผ่านมา

    well explained.... no extra talk, just explain the codes and show the results. Good working brother

    • @ironcoding
      @ironcoding 25 วันที่ผ่านมา

      Thanks brother 🙏💙

  • @bipolar9242
    @bipolar9242 28 วันที่ผ่านมา

    Resources

    • @MrMenphis
      @MrMenphis 26 วันที่ผ่านมา

      In IG

  • @jitenderdhiman2995
    @jitenderdhiman2995 28 วันที่ผ่านมา

    Resources

    • @MrMenphis
      @MrMenphis 26 วันที่ผ่านมา

      In IG

  • @Sumdoku
    @Sumdoku 29 วันที่ผ่านมา

    Thank you 💪🏻

    • @ironcoding
      @ironcoding 16 วันที่ผ่านมา

      You're welcome!

  • @Nikhil-rv3to
    @Nikhil-rv3to หลายเดือนก่อน

    Cool 😊

  • @jitenderdhiman2995
    @jitenderdhiman2995 หลายเดือนก่อน

    😮😮🔥

  • @jitenderdhiman2995
    @jitenderdhiman2995 หลายเดือนก่อน

    Nice

    • @ironcoding
      @ironcoding 16 วันที่ผ่านมา

      Thanks

  • @IlyasRahman00
    @IlyasRahman00 หลายเดือนก่อน

    its only front-end..

  • @sagarg-g2x
    @sagarg-g2x หลายเดือนก่อน

    😍

  • @mansinghbhukya-d7f
    @mansinghbhukya-d7f หลายเดือนก่อน

    Hello sir I love❤ ur teaching can u help me with installing of JS in VScode If possible reply me in steps how to install

  • @sagarg-g2x
    @sagarg-g2x หลายเดือนก่อน

    nice sir this video is very helpful need more

  • @vishvakgurram
    @vishvakgurram หลายเดือนก่อน

    I’m a high school student who is learning to code, and I came across your channel very recently. I love your videos, and this video was really helpful! Do you think you can make a whole series with more js lessons?

    • @ironcoding
      @ironcoding หลายเดือนก่อน

      Thank you bro more detailed and full series coming soon ❤️

  • @TechAkshayAk
    @TechAkshayAk หลายเดือนก่อน

    It is enough for job ?

  • @TechAkshayAk
    @TechAkshayAk หลายเดือนก่อน

    Esme Frontend bas hai ya backend