React Responsive NFT Website Design with Dark/Light Mode ☀️

Hey Coders, in this video we will design React NFT Website. This Design is also responsive. This video is perfect to level up your React and CSS skills.

Source code ⤵️

Subscribe for more! 🔔

Support me with a donation 🎁

Timestamps ⏱️
00:00 Demo
02:46 Base Setup
17:35 Navbar
22:08 Home Section
32:10 Free NFT Section
50:00 Clients Section
52:25 Super Rare NFT Section
57:30 Releases Section
01:09:07 NFT Like Section
01:13:03 Signup Section
01:15:08 Footer
01:21:20 Scroll To Top
01:25:00 Animations
01:30:05 Dark Mode
01:36:35 Media Queries

#responsivewebsite #nftwebsite #reactwebsite #kishansheth #react #admindashboard #css #scss #javascript #html #recharts #framermotion #animations #mediaquery #websitedesign


  1. Running into an issue when in Mobile screen size the hamburger menu disappears behind the other elements

  2. Nice video, but as for keys, you can always pass the keys that are unique.. like ={title + tag}, which is much better for react

  3. What is the name of theme you are using and the extension for icons and terminal please tell .. thanks for awesome video ❤️

  4. Hello Sir,
    I am getting the following error can you please help?

    ERROR in ./src/scss/index.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/scss/index.scss)

  5. Make a website and implement dynamic table with filtering using any libary bro👊🏻🙏🏻🔥🔥

Leave a comment

Your email address will not be published.