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
Non-Profit / Professional Association Website The Ontario Association of Fire Educators (OAFE) is a membership-based organization for fire safety educators and prevention officers across Ontario, Canada. The site features membership sign-ups, a resource library, event listings, news updates, and sponsorship opportunities — all aimed at advancing public fire safety education.
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
My new case study on building a Framer portfolio for a visual artist.
beautiful work & attention to detail!
great🔥
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 within the experience rather than simply sitting on top of a background.
✨ What I explored:
1. AI-generated animated backgrounds
2. Scroll-driven storytelling with multiple Pepsi products
3. Glassmorphism & frosted-glass UI
4. Smooth blur, reflections, and premium lighting
5. Framer Motion animations
6. Fully responsive design
Built with React, Vite & Tailwind CSS The goal was not just to build another landing page it was to create an immersive experience where motion, depth, and interaction work together to tell a story.
I am still refining the animations and interactions, but I’m really happy with where it’s heading. What would you improve or add?
#React #TailwindCSS #FramerMotion #UI #UX #WebDesign #Frontend #Glassmorphism #LandingPage #MotionDesign #CreativeCoding
The floating glassmorphism UI paired with AI-animated backgrounds creates an incredible depth. How did you handle performance optimization with those blurs and smooth scroll animations in React?
