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

0

Views

99

Timeline

Apr 23, 2024 - May 1, 2024

Clients

Hearth AI

Isometric Room
Isometric Room
Daily Shaders
Daily Shaders
Fire Suppression Graphic
Fire Suppression Graphic
EmojiGoji Animation Mixer
EmojiGoji Animation Mixer

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc