██FR█████ █INTELL███████████

Office Edition Animated Frontend HomePage for Axero


This content originally appeared on DEV Community and was authored by Edun Yusuf Aderogba

This is a submission for Frontend Challenge: Office Edition sponsored by Axero, Holistic Webdev: Office Space

What I Built

I built a responsive, animated intranet homepage using React, Tailwind CSS, and Framer Motion — designed to feel like a clean, intuitive digital workspace for any company.

Use of Gemini AI for interactions

Animations were carefully used to add delight without distraction, helping the user stay engaged.

Demo

🎬 Video Demo

https://youtu.be/fJ75jUl4qK4

🌐 Live Site

[https://axero.vercel.app/]

📂 Code

[https://github.com/VoldeDoc/axero]

🖼 Cover Image

Cover Image

Journey

This was a great opportunity to combine layout logic with motion design. I learned a lot while integrating:

  • Animated widget entrances and hover effects using Framer Motion
  • Clean utility-first styling with Tailwind
  • Responsive, component-based structure in React

I also focused on UX — making sure each section adapts well to different screen sizes and provides clear access to key workplace tools.

Thanks to DEV and Axero for a fun challenge — I really enjoyed building this!


This content originally appeared on DEV Community and was authored by Edun Yusuf Aderogba