- Видео 92
- Просмотров 88 028
Frontend Advance
Индия
Добавлен 24 янв 2024
Hello, welcome to Front-end Advance Channel.
I am a frontend developer.
Passionate about creating and designing beautiful mobile and desktop web interfaces, here you will learn HTML, CSS Animation, JavaScript, React JS, Next JS Animation, Framer Motion Transition Animation, Portfolio Website, Responsive Personal Portfolio Website Design, Responsive Website Design, and much more.
It is a pleasure having you in here.
SUBSCRIBE and see you in a next video.
I am a frontend developer.
Passionate about creating and designing beautiful mobile and desktop web interfaces, here you will learn HTML, CSS Animation, JavaScript, React JS, Next JS Animation, Framer Motion Transition Animation, Portfolio Website, Responsive Personal Portfolio Website Design, Responsive Website Design, and much more.
It is a pleasure having you in here.
SUBSCRIBE and see you in a next video.
Build 3 Next.js Websites with Tailwind CSS and Framer Motion in 8 Hours
🔔 Subscribe for more!
ruclips.net/user/frontendadvance
💚 Get Project Source Code by Buy Me a Coffee
www.buymeacoffee.com/frontendadvance
❤️ Get Project Source Code by Patreon
www.patreon.com/frontendadvances
==========================================
Next js 14 Modern website is a responsive clean React, Next.js 14 for Cooking Restaurant, Interior Design, Finance & Banking Services websites. It comes with multiple homepage variations with inner pages. The template pages look stunning on all screens and devices, including Windows, Mac, iOS, Android, etc. It uses React, Next.js, Tailwind CSS, and Framer Motion.
👨💻 Develop the project
Project 01
github.com/frontendadvance/Next-js-14-Car-Portfolio-We...
ruclips.net/user/frontendadvance
💚 Get Project Source Code by Buy Me a Coffee
www.buymeacoffee.com/frontendadvance
❤️ Get Project Source Code by Patreon
www.patreon.com/frontendadvances
==========================================
Next js 14 Modern website is a responsive clean React, Next.js 14 for Cooking Restaurant, Interior Design, Finance & Banking Services websites. It comes with multiple homepage variations with inner pages. The template pages look stunning on all screens and devices, including Windows, Mac, iOS, Android, etc. It uses React, Next.js, Tailwind CSS, and Framer Motion.
👨💻 Develop the project
Project 01
github.com/frontendadvance/Next-js-14-Car-Portfolio-We...
Просмотров: 1 865
Видео
Slider Animations THAT WILL WOW Your Audience! @frontendadvance
Просмотров 216День назад
🔔 Subscribe for more! ruclips.net/user/frontendadvance 💚 Get Project Source Code by Buy Me a Coffee www.buymeacoffee.com/frontendadvance ❤️ Get Project Source Code by Patreon www.patreon.com/frontendadvances I started learning gsap to know how we can achieve an image slider like dynamic with wave button animation. Responsive GSAP Slider with wave button effect Using HTML CSS Cool Slider with ef...
Can You Really Build an Awesome Creative Animation in 2024? @frontendadvance
Просмотров 199День назад
🔔 Subscribe for more! ruclips.net/user/frontendadvance 💚 Get Project Source Code by Buy Me a Coffee www.buymeacoffee.com/frontendadvance ❤️ Get Project Source Code by Patreon www.patreon.com/frontendadvances In this video, I'll show how to Build an Awesome Creative Animation. Just follow the steps and run examples! ⏱ Time Stamps 00:00:05 - Pizza Scroll Trigger Animation 00:35:56 - Stagger Anima...
Next js 14 Personal Portfolio Website Using Tailwind CSS | Next js Beginner Project @frontendadvance
Просмотров 2,5 тыс.День назад
🔔 Subscribe for more! ruclips.net/user/frontendadvance 💚 Get Project Source Code by Buy Me a Coffee www.buymeacoffee.com/frontendadvance ❤️ Get Project Source Code by Patreon www.patreon.com/frontendadvances In this video, you will learn to Build Next js 14 Personal Portfolio Website Using Tailwind CSS, React Awesome Reveal. Just follow the steps and run examples! Next JS: Next.js is a React fr...
Responsive Stunning Scroll Animation @frontendadvance
Просмотров 93114 дней назад
🔔 Subscribe for more! ruclips.net/user/frontendadvance 💚 Get Project Source Code by Buy Me a Coffee www.buymeacoffee.com/frontendadvance ❤️ Get Project Source Code by Patreon www.patreon.com/frontendadvances In this video, I'll show how to build a Responsive Stunning Scroll Animation Using HTML, CSS, GSAP, DrawSVGPlugin, and MotionPathPlugin. Just follow the steps and run examples! 📂JS Assets: ...
CSS Creative Animation Using HTML CSS GSAP @frontendadvance
Просмотров 16714 дней назад
CSS Creative Animation Using HTML CSS GSAP @frontendadvance
Top 10 CSS Animation &Effects @frontendadvance
Просмотров 50421 день назад
Top 10 CSS Animation &Effects @frontendadvance
Next js 14 Education Website Using Tailwind CSS | Next js Beginner Project @frontendadvance
Просмотров 1,3 тыс.21 день назад
Next js 14 Education Website Using Tailwind CSS | Next js Beginner Project @frontendadvance
Animated Portfolio Website Using HTML CSS and Javascript @frontendadvance
Просмотров 664Месяц назад
Animated Portfolio Website Using HTML CSS and Javascript @frontendadvance
Next js 14 Car Website Using Framer Motion | Next js Beginner Project @frontendadvance
Просмотров 1,3 тыс.Месяц назад
Next js 14 Car Website Using Framer Motion | Next js Beginner Project @frontendadvance
Next js 14 Personal Portfolio Website Using Framer Motion | Next js Beginner Project
Просмотров 10 тыс.Месяц назад
Next js 14 Personal Portfolio Website Using Framer Motion | Next js Beginner Project
Swiper JS Slider Animation @frontendadvance
Просмотров 211Месяц назад
Swiper JS Slider Animation @frontendadvance
Animated CSS Card Hover Glow Animation @frontendadvance
Просмотров 254Месяц назад
Animated CSS Card Hover Glow Animation @frontendadvance
React js 18 Yoga Website Using Framer Motion | Tailwind CSS @frontendadvance
Просмотров 1,7 тыс.2 месяца назад
React js 18 Yoga Website Using Framer Motion | Tailwind CSS @frontendadvance
Next js 14 Scrolling Animation Using Tailwind CSS @frontendadvance
Просмотров 9802 месяца назад
Next js 14 Scrolling Animation Using Tailwind CSS @frontendadvance
Next js 14 Animated Aceternity UI Website Using Tailwind CSS | Next js Beginner @frontendadvance
Просмотров 4,1 тыс.2 месяца назад
Next js 14 Animated Aceternity UI Website Using Tailwind CSS | Next js Beginner @frontendadvance
Product Card CSS Animation @frontendadvance
Просмотров 3422 месяца назад
Product Card CSS Animation @frontendadvance
Next js 14 Modern Websites Development Using Tailwind CSS @frontendadvance
Просмотров 2,3 тыс.2 месяца назад
Next js 14 Modern Websites Development Using Tailwind CSS @frontendadvance
Responsive Product Website Animation Using HTML CSS JavaScript @frontendadvance
Просмотров 2132 месяца назад
Responsive Product Website Animation Using HTML CSS JavaScript @frontendadvance
CSS Magical Button Animation @frontendadvance
Просмотров 1,9 тыс.2 месяца назад
CSS Magical Button Animation @frontendadvance
GSAP Text & Image Stagger Animation @frontendadvance
Просмотров 1992 месяца назад
GSAP Text & Image Stagger Animation @frontendadvance
Responsive Yoga Portfolio website Using HTML CSS and Javascript @frontendadvance
Просмотров 8152 месяца назад
Responsive Yoga Portfolio website Using HTML CSS and Javascript @frontendadvance
CSS Hover Transition Effect @frontendadvance
Просмотров 1,1 тыс.2 месяца назад
CSS Hover Transition Effect @frontendadvance
GSAP Card Hover Interaction Spittling JS @frontendadvance
Просмотров 1332 месяца назад
GSAP Card Hover Interaction Spittling JS @frontendadvance
GSAP IPad Parallax Scroll Animation @frontendadvance
Просмотров 3143 месяца назад
GSAP IPad Parallax Scroll Animation @frontendadvance
GSAP Motion Path Render Animation @frontendadvance
Просмотров 4933 месяца назад
GSAP Motion Path Render Animation @frontendadvance
Next js 14 Portfolio Website Using Framer Motion | Next js Beginner Project @frontendadvance
Просмотров 5 тыс.3 месяца назад
Next js 14 Portfolio Website Using Framer Motion | Next js Beginner Project @frontendadvance
Next js 14 Animated Slider Using Typescript | Tailwind CSS | Framer Motion @frontendadvance
Просмотров 8 тыс.3 месяца назад
Next js 14 Animated Slider Using Typescript | Tailwind CSS | Framer Motion @frontendadvance
GSAP Parallax Split Animation Using Scrolltrigger @frontendadvance
Просмотров 2503 месяца назад
GSAP Parallax Split Animation Using Scrolltrigger @frontendadvance
Next js 14 Finance Website Using Tailwind CSS | Next js Beginner Project @frontendadvance
Просмотров 2,7 тыс.3 месяца назад
Next js 14 Finance Website Using Tailwind CSS | Next js Beginner Project @frontendadvance
I love the way you explained this concept-it’s so clear and easy to understand! 😮
Thank you cheers brother 👋
@@frontendadvance welcome 😊
Where? Its all music
Buyme a Coffee: buymeacoffee.com/frontendadvance Pateron: www.patreon.com/frontendadvances
Buyme a Coffee: buymeacoffee.com/frontendadvance Pateron: www.patreon.com/frontendadvances
Buyme a Coffee: buymeacoffee.com/frontendadvance Pateron: www.patreon.com/frontendadvances
Buyme a Coffee: buymeacoffee.com/frontendadvance Pateron: www.patreon.com/frontendadvances
Buyme a Coffee: buymeacoffee.com/frontendadvance Pateron: www.patreon.com/frontendadvances
Buyme a Coffee: buymeacoffee.com/frontendadvance Pateron: www.patreon.com/frontendadvances
❤
Cheers 👋
Awsome
Thank you buddy 👋
the work is truly amazing ..i used to do this in figma ui but wasnt sure on how to turn it into code ......thanks for this tutorifal could we please do some on zoom parallax
Sure will do buddy. Cheers 👋
@@frontendadvance thnaks big bro .....i am thrilled and i cant wait to learn it with you .a bow to the masters 😇
Awsome
Thank you. Cheers 👋
Thanks, bro! I received the source code. The moving border button and the experience section component were missing some styling, but now it's all perfect. However, there's one small issue. When I deploy it on Vercel, I get tons of errors, and it's not deploying. Would you happen to know why?
Please create blog website
Will do upcoming 👍
Awsome
Thanks buddy 👋
Bro, I tried to donate to you, but my card isn't supported on the given links, so I can't do anything for now :/. However, I would be grateful if you could check your email just once. It’s been more than a week since I emailed you. I’d be extremely thankful if you could reply and let me know what I did wrong in the experience section. I followed your entire video and repeated that part four times, but the issue persists. I think you trimmed the part where you encountered this problem and moved forward without showing what you changed in the experience button styling. I don't want to leave the website unfinished due to a simple bug, so please kindly check.
@@anasfarooq9013 I’m not trimming anything that section. No worries, I’ll share you the source code tmw morning.
Sent the source code. Check your mail.👋
Nice work bro That's cool
Thank you buddy 👋
Nice bgm
Cheers 👋
Buyme a Coffee: buymeacoffee.com/frontendadvance Pateron: www.patreon.com/frontendadvances
Thanks for your work! that's cool)))
Thank you buddy. Cheers 👋
Please make a blog website using nextjs and tailwind css
Buyme a Coffee: buymeacoffee.com/frontendadvance Pateron: www.patreon.com/frontendadvances
Awesome but please give the source code for free
that is insane mann just insane gosh next level 📈📈
Thank you buddy 👋
Hey, I'm stuck on some bugs. Could you please share your Discord or any other social media handle so I can share my repo with you? Kindly reply. 😊
@@anasfarooq9013 No problem, please share with me the bugs screenshot that you have got and share that I’d or google drive link. <kala.chitra90@gmail.com>
@@frontendadvance Hey bro I mailed you kindly check
Nice bro
Thank you buddy 👋
I have already coded all my website pages, now i want to add carousel in it, how can I make this same as an component and then import to home page?
thanks for your amazing content, do you have something built with React?
Buyme a Coffee: buymeacoffee.com/frontendadvance Pateron: www.patreon.com/frontendadvances
nice
Buyme a Coffee: buymeacoffee.com/frontendadvance Pateron: www.patreon.com/frontendadvances
Buyme a Coffee: buymeacoffee.com/frontendadvance Pateron: www.patreon.com/frontendadvances
Buyme a Coffee: buymeacoffee.com/frontendadvance Pateron: www.patreon.com/frontendadvances
That effect when U click the menu icon is lit af🔥🔥🔥
Solid video guide, thanks for sharing
Great!
@@netsdevs6210 thank you 👍
Cool!!!!!!
@@_Good_Evening_ cheers buddy👋
First comment ❤
Buyme a Coffee: buymeacoffee.com/frontendadvance Pateron: www.patreon.com/frontendadvances
Excuse me, Can you tell me where to learn Tailwind CSS abbreviations? ex: h-12 , text-4xl
Check out the link : tailwindcss.com/docs/height
Source code please
Check out the description link buddy 👋
amazing wish you put link to live demo
Let me try buddy. Cheers 👋
can we please have a live demo
Will try to give buddy 👍
im a react js ,guy i was wondering is this possible in react and react native
Possible dude 👍
Hey, thank you for the video, its very helpful. The assets are still from another video of yours, could you please update it with the correct ones.
Updated dude. Please get the lastest one. thanks for intimate me. Cheers !!
Cool work. TY man!!!
Thank you. Cheers 👋
what font family is used?
fonts.google.com/share?selection.family=Sora:wght@100..800
Very nice work!!!
Cheers 👋
It looks really good! Just one thing, the assets you shared are not related to this video.
Let me check and provide today. Cheers 👋
Updated dude. Please get the lastest one. thanks for intimate me. Cheers !!