The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
A liquid-glass audio player concept designed entirely in Spline Hana for the Spline Hana Challenge on Contra.
The project explores subtle material-based interactions, cursor-driven motion, and theme switching to create a calm, tactile experience. The focus was on clarity, performance, and expressive use of Liquid Glass rather than heavy animation.
The scene is built using clean hierarchy, clear naming, and organized states to keep the file readable and optimized.
Built 100% in Hana using 3D shapes, liquid glass and interactive states.
🔗 Interactive Spline file (viewer):
https://my.spline.design/untitled-3FkdGwBzvMhbfbbTqmwuc02Y-I4b/
Really solid work!!
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Sometimes, all it takes is being in the right space, surrounded by the right energy, to remind you of what’s possible.
I joined Contra just a few weeks ago, and honestly, I didn’t expect to feel this inspired so quickly. There’s something about this community, the creativity, the people, and the opportunities that makes me feel like things are finally moving. 🌱
Ideas are turning into action. Connections are happening. New possibilities are opening up. And most importantly, I’m feeling more excited about what I’m building and where I’m going.
It’s still the beginning, but I can already feel the shift. And that’s what makes it so special. 🤍
Love this energy!!
Spent the last few days diving deeper into Rive, focusing heavily on character animation and state machines to bring this fictional German learning app to life.
Learning a new language shouldn't feel like staring at a spreadsheet. Here is how I used smooth, reactive animations to make interactive feedback feel natural and engaging:
Rive CLI + Claude is truly a game changer🔥
𝐈𝐧𝐭𝐞𝐫𝐚𝐜𝐭𝐢𝐯𝐞 𝐅𝐥𝐨𝐫𝐚𝐥 𝐒𝐡𝐨𝐰𝐜𝐚𝐬𝐞 𝐖𝐞𝐛𝐬𝐢𝐭𝐞
I designed and developed this visually focused website in Framer, built around a clean dark interface, bold floral imagery, and smooth interactive transitions.
The goal was to create a website that feels more like an immersive digital showcase than a traditional static page. Each section highlights the content with strong typography, minimal UI elements, refined spacing, and motion that keeps the experience engaging without making it feel overloaded.
I focused on creating a premium visual flow where users can explore different flower varieties through an elegant and modern interface.
For this project, I worked on:
• Modern UI/UX design
• Framer development
• Interactive transitions
• Dark-themed visual system
• Responsive layouts
• Typography and visual hierarchy
• Image-focused content presentation
• Smooth motion and micro-interactions
The final result is a modern, responsive website that combines strong visuals with smooth interactions to create a memorable and polished browsing experience.
Tools Used: Framer, Figma, Photoshop, GSAP, LottieFiles
@Sadam Ashraf Love the clean design and smooth interactions! The dark theme paired with the floral visuals gives it a really premium feel. Great work! 👏