DEV Community

Cover image for New Awwwards inspired portfolio
Hari Prasad
Hari Prasad

Posted on

New Awwwards inspired portfolio

I've revamped my Portfolio!

After spending countless hours scrolling through Awwwards and other sites filled with top-notch web design inspiration, I've finally revamped my portfolio. I wanted to create something truly unique and memorable—something that would stand out in the sea of portfolios out there.

Built with Next.js and Tailwind CSS

I used Next.js and Tailwind CSS to build this site, and I’m thrilled with how it turned out. Not only does it look great, but it also performs incredibly well. I was over the moon when Lighthouse gave me a perfect 100/100 score on every single metric!

Lighthouse Score

Inspired by GitHub's Mona Sans

While exploring design ideas, I stumbled upon the GitHub Mona Sans homepage. There’s this amazing text weight animation triggered by a hover interaction in their hero section that I hadn’t seen before. It was so cool that I decided to incorporate a similar interaction into my own hero section. It's a small touch, but it adds a lot of personality to the site.

Text Weight Animation

Easter Eggs Hidden on My Site

I’ve hidden two Easter eggs on my website for you to find. If you come across them, leave a comment and let me know! It's a fun little challenge to see who can find them first.
Your feedback is essential in helping me make this portfolio even better.

🛠️ Check Out My Blog and Get in Touch

For those who love diving into the details of design and modern web development, check out my blog. I share tutorials and articles that I think you'll find helpful. If you want to create a website that scores a perfect 100/100, feel free to contact me. Let’s work together to build something awesome!

Stay tuned for more updates! 🖌️✨

Top comments (0)