All I need is Tailwind CSS + GSAP npm + Next.js
iamshrey.me
Under the Hood
It’s 2024 and the story begins way back in Jan 2024 when I ...
For further actions, you may consider blocking this person and/or reporting abuse
Yours is cool. Have a look at my portfolio and share what you think about it.
wow, yours is the inspiration I am looking to work with colours.
I can see, mouse events, x-axis infinite scrolls, scroll trigger events/animations,
I like the preview of projects, mouse hover events,
there are so many things going under the hood, i wonder the tech stack you are using?
I second this shrey!
Subaash, you have inspired me to make a new portfolio website :)
Haha. I've never received such a compliment since the day my portfolio was launched. I'm happy that it inspires you. This means a lot to me.
By the way, the site is built solely with React and CSS.
Not sure if you used this in your project already but the animations based on scroll are a perfect use case for GSAP. I recommend checking it out ;) (gsap.com/)
The scroll based animations were achieved using only CSS and I haven't used GSAP for that. However, I've always wanted to learn it after watching people create wonderful animations with just minimal lines of code. GSAP indeed seems to cut a lot of workload and focuses on delivering the required animations to the viewer. Thanks for your recommendation, Samuel. I'll look into their documentation for more information.
This is really cool, Shrey. I dig it! 🔥
It's actually very unique especially the onboarding one. Congrats :D
I don't want to criticize or anything since I don't even have a portfolio. LOL!
Just that, sometimes the user experience matters like scrolling down to get horizontal work experience. (I was trying to click on right side).
It's my personal opinion that I prefer simplicity and uniqueness with UX.
Wishing you the best!
Glad to hear that Anmol, and thanks for pointing it out.
I couldn't agree more with you, I do personally believe UX matters the most and that is why I am working on the portfolio consistently to solve these small experience-related glitches.
Sooner the web portfolio will become robust with good user experience.
Your portfolio concept is really cool. Approaching a website in terms of math and calculations are beyond my thinking capabilities lol 😂. Eager to see the finished site of yours.
Yeah, gsap is all about MATHS, I've written an article on the same, dev.to/shreyvijayvargiya/mathemati...
Sure thing. I'll check that out.!
can you share me the exact link for this coolest portfolio your images inspired me
Unfortunately, I didn't have the same portfolio in 2025, I have changed it this year
okay thank you but can you give me the reference for that existing portfolio
Sure,
So initially website comes with a loader, the UI looks like a dark screen containing a phone mockup in the center of the screen, this phone mockup contains animated texts of an array, [Hi, I am Shrey, I am a software developer], something like this, which I was animating inside the phone mockup using GSAP, so it's a cool loading component
Then comes the home page contains links in a column with full width. Each link features an animation when hovered over, and these animations are added using GSAP Suppose the first link works, so when hovered I show a cool animation of images and text, and similarly did with other links like projects, social links, etc
The Projects page contains horizontal scrolling, but the user scrolls in the vertical direction (didn't remember what we call it), but the scroll direction in the -x direction gives a cool projects animation. This section shows my recent live projects
Then lastly, how the contact page contains its own animations, but the home and projects pages, work experience shows the timeline of experiences
Hope this helps, on the corollary, the entire resume is about animations in frontend
thank you so much...@shreyvijayvargiya
Looks awesome, definitely going to freely raid your ideas for my own purposes and appreciate it. Cheers!
That's not what you call a "cool portfolio" it's immature. It's like a beginner who's trying to add everything he/she knows in designing and developing.
Haha,
I got your point!!!
But I haven't added everything, still, more than 50% I knew is left to add, and soon that will also be seen on the website(working consistently on it), hopefully then it will justify the heading of my coolest portfolio
Application error: a client-side exception has occurred (see the browser console for more information).
You are going good, but need to work on compatilibity, accessibility etc.
Yeah, a nice point to be noted, Kunal
compatibility and accessibility comes under UX only and I am working on it to make it robust
Nice job, Shrey!
Love the piano, its remind me of this "Rush E" video. Here is my, same energy with the intro, its better for me to add a skip feature. me-hex09af.vercel.app/
But one can use Portfolio templates and get the source code, gettemplate.website