Liquid Triceratops Hero – Interactive 3D Design

Title: Liquid Triceratops Hero – Google AI Studio with Spline Animation

Overview This hero section explores interactivity, design, and visual storytelling. The main feature is a minimal, liquidy Triceratops built in Spline using the shape blend feature. The model rotates and changes shape smoothly. Users can pan and orbit around it to see it from different angles and explore its details.

The colors are a gradient of white, blue, pink, and purple. This makes the design look futuristic and vibrant while keeping it minimal.

Interactivity The Spline Triceratops is fully interactive. Users can pan and orbit to explore its 3D form. Other elements on the hero section stay still so the focus is always on the Triceratops. This gives users a sense of control and discovery.

Animation and Design The Triceratops rotates and changes shape using Spline’s shape blend feature. The camera moves smoothly from a top, zoomed out view to a centered, zoomed in perspective. The gradient of white, blue, pink, and purple makes the scene immersive and futuristic. The layout is minimal so the animation becomes the main focus.

Technical and Tools The hero section was built entirely in Google AI Studio. The Spline model is integrated directly into the project.All interactivity is handled in Spline. No extra physics or AI animations were added to the model.

Experience and Outcome The goal is for viewers to feel playful and curious. They can explore the Triceratops and see its smooth shape changes. The camera movement, gradient colors, and rotation make it feel alive and futuristic.

The part I am most proud of is the Triceratops and its interactivity. The combination of rotation, shape blending, and camera movement creates an experience that is both engaging and visually striking.

Website : https://lith-azure.vercel.app/