Built with Rive
Hearth.ai Landing Page
Matthew Haar
Verified
I created a network particle effect to tell the story of how Hearth AI can help manage the chaos of your contacts into a more understandable shape.
Globe effect using Three.js
This project used Next.js and Tailwind. I was responsible for designing and optimizing the globe, as well as laying out the rest of the page based on a Figma design.
This project also used rive to create an edge glow effect for the platform section which I designed and implemented. The page also features framer-motion animations for the text sections to blur and reveal elements.
I made this page responsive to all screen sizes which updates the globe animation.
Like this project
What the client had to say
Highly recommend
Ashe Magalhaes, Hearth AI
May 1, 2024, Client
Posted Jun 5, 2024
I created a Network animation using Three.js and WebGL Shaders. I also used Rive to create a glowing edge animation for their product showcase.
Likes
2
Views
168
Timeline
Apr 23, 2024 - May 1, 2024
Clients
Hearth AI
