Stumbled on @vercel’s creative design team page and instantly fell in love with the design, animations, and micro-interactions.
So I decided to take a shot at it, recreating the experience for a fictional company called Varxell, with my own spin on everything except the design itself + I didn’t touch any of their assets.
Everything was hand-coded from scratch, and every single asset was recreated in Figma. It was a fun challenge.
Built with:
• React
• TypeScript
• Vite
• Framer Motion
Live site:
• https://t.co/zBkVkgOKnx
• https://t.co/79foz5cXh7
Repo:
• https://t.co/dPdkV8bP5h
Every page functionality and animation was implemented as a reusable hook, with internal JSDoc to make it easy to reuse in your own projects or remix however you like.
Got any questions? Feel free to shoot me a DM
How did I create the images I used for this project. Here a doc with the top 3 prompts I used. 🚀🚀
But this video explains in more detail.
https://t.co/iW4EHwvqIG
If you haven’t watched Frieren please watch it
Use a big screen
Use a small screen
Use your phone
Use your laptop
Use your tv
Use a projector
Just watch Frieren!!
Fueled by the daily grind 🔥 and committed to excellence, I view design challenges as chances to learn and refine user experiences—one pixel at a time 🎨. I transform ideas into intuitive interfaces 💡 with grit 🚀 and am eager to connect with other creatives.