Welcome to the repository for Agathos, a 3D webpage design that leverages modern web and design tools to create an immersive online experience.
Agathos showcases the potential of 3D web design. The webpage was conceptualized in Figma, where the initial designs and user interface components were carefully crafted. Following the design phase, assets were optimized and prepared in Photoshop, ensuring that they were ready for high-quality animations.
Programatically you would pull the Spline animations/events in using their custom hooks and apply them to the appropriate React 3 Fiber elements. That is beyond the scope of this project though.
Below is a screenshot from the Figma design phase, showing the layout and design elements that were developed for Agathos.
For a real-time demonstration of the 3D animations and interactions, please check out the following video:
To explore the design files or run the Spline animations locally, follow these steps:
- Clone the Repository:
git clone https://github.com/austinpapritz/agathos.git cd agathos