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
Project Overview
Built a reusable Ball Bounce Animation using SwiftUI, demonstrating smooth, physics-inspired motion with Apple's modern animation APIs. This project highlights how interactive animations can enhance user experience while maintaining clean, reusable, and performant code.
Features
Developed entirely with SwiftUI
Smooth spring-based bouncing animation
Physics-inspired motion for a natural user experience
Reusable and modular component design
Responsive across different iPhone screen sizes
Lightweight implementation that's easy to integrate into existing iOS applications Technologies
Swift
SwiftUI
Xcode
iOS
Spring Animation
UI Animation Skills
Swift
SwiftUI
iOS Development
Mobile Development
UI Animation
Animation
Xcode
User Interface Design
Mobile App Development
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
One of my favorite UI experiments so far.
I challenged myself to create a cinematic Pepsi landing page where the interface feels like it's floating above the background instead of sitting on top of it.
✨ Features:
🎥 AI-generated animated background
🥤 Scroll-driven storytelling with different Pepsi products
🪟 Glassmorphism & Frosted Glass UI
🌊 Smooth blur, reflections, and premium lighting
⚡ Framer Motion animations
📱 Fully responsive
🎯 Built with React, Vite & Tailwind CSS
The goal wasn't just to build another landing page :it was to create an immersive experience where motion, depth, and interaction tell the story.
Still polishing the animations and interactions, but I'm really happy with how it's coming together.
What would you improve? 👇
#React #TailwindCSS #FramerMotion #UI #UX #WebDesign #Frontend #Glassmorphism #LandingPage #Pepsi #CreativeCoding #MotionDesign
The floating interface effect actually works here, it reads more like a movie poster than a landing page. How did you handle the scroll-driven storytelling technically, is that all Framer's native scroll effects or did you need custom code for the parallax depth?
Added some motion to the Marigold concept over the weekend, first time playing with Figma motion as well. Pretty straight forward.
2 more
The status tags and filters look genuinely fast to scan, that contracts table could easily feel overwhelming but it doesn't. How much of the motion is functional feedback versus just polish for the demo reel?
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?