Build a Portfolio Website With Next JS, Tailwind CSS & Framer Motion

Build a Portfolio Website With Next JS, Tailwind CSS & Framer Motion

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

🧡 Get Source Code

💙 Get Source Code With PayPal

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

📁 Assets

👨‍💻 Start project from scratch

⏱ Timestamps
00:00:00 Project Intro
00:03:30 Project Setup
00:07:22 Layout
00:13:57 Navigation
00:27:20 Transition
00:35:35 Home
00:55:25 Particle Container
01:05:11 Header
01:12:27 About
01:45:21 Services
02:05:36 Work
02:22:30 Testimonials
02:40:40 Contact

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

☕️ Support the channel

👍 Thanks for watching!
Make sure to like & Subscribe for more! 💜

#nextjs #tailwindcss #portfolio

[brendantreynor]

Fantastic tutorial. I had no issues at all when following this. Thank you for teaching me so much about "motion" and animations!

[prakash-niroula]

Wow, really nice website !
Also i like those neat small details interacting with the website, it shows the "extra" effort made into it's creation.
10 out of 10 in my opinion.

[arielelias]

Im in love with this project, because it breaks the typical portfolio (text - image). The interface is great as the colors as the interativity.

[mattlantin]

Beautiful design. Just absolutely brillliant

[pykfit]

The best portfolio I have seen so far. Thnakyou!!!!

[tarikidagmail]

Thanks for introducing me to Next JS and Framer motion. Very relevant topic and must needed skill in 2024

[muhumuzaallan]

am mind blown after finishing this as in it cant be real you delivered as you promised, i will remember you man, thanks a lot,

[kaianvasconcelos]

Sou brasileiro, estudante de ADS, um dia quero ser tão bom quanto você, meus Parabéns e que vc continue tendo muito sucesso!!?

[Alex-imki]

Thank you so much! The design is incredible. In my particular case I used Next 14 to do the project. Blessings!

[legendx]

Love it, as a student I learn something

[Brlesskoin]

Just finished the tutorial, MAGNIFIC!, a masterpiece thank you very very much for taking the time to share with us your knoweledge!

[luffy.yuki.thegolden]

guys for the contact part circle was imported but was not used. you can put the <Circle /> after the first div

[DEBUGENTITY]

Home page that mouse hover part & splitting glass effect is really awesome.. I first time saw this wao

[adeusiiyanu]

This is an amazing work. thanks for this

[oghenevwefepeace]

Thanks a lot for this, God Bless You. Wonderful Portfolio

[patriqueporto]

This is awesome, one of the most beautiful portfolios I've ever seen on youtube, congratulations!

[wasiqonly]

Just completed today. Thank you. It was fun :)

[nardu]

Thank you.
I really got to know and practice Tailwind and now I have a great starter for a new profile.

[andphotoshot]

I"m just using this video as ASMR before sleep 😅. Because the buttons clicks are so good

[khalilz]

Love how simple this is, but i'm having problem with the screen ratio with different phone, i tried deleting the overflow-hidden im having white/grayed out excess and the other pages doesnt auto fit or auto adjust with the screen ratio, any help ? thanks in advance!