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
ā¢ Jul 31
šÆ Mystery Explorer ā Mobile UI Component
Create immersive onboarding and mission-based experiences with Mystery Explorer, a premium mobile UI component designed exclusively for Framer. Featuring a futuristic dark interface, vibrant 3D space visuals, and modern micro-interactions, this component helps you build engaging user experiences that stand out.
Perfect for mobile apps, AI products, gamification, achievement screens, onboarding flows, quizzes, and adventure-based experiences. Every element is fully customizable, allowing you to match your own brand, colors, and content in just a few clicks.
Features
š Premium mobile-first UI design
š Stunning 3D space-themed illustrations
šÆ Perfect for onboarding, missions & achievements
š Modern dark theme with glowing gradients
ā” Smooth interaction-ready layout
šØ Fully customizable colors, typography, and content
š± Responsive and optimized for mobile devices
š ļø Built exclusively for Framer
Perfect For
Mobile Apps
AI Applications
Gamification Systems
Mission & Reward Screens
Achievement Popups
Quiz & Trivia Apps
Sci-Fi & Space Projects
Startup Landing Pages
What's Included
High-quality Mobile UI Component
Editable Framer Layers
Responsive Layout
Organized Design Structure
Ready-to-use Sections
Easy Customization
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
we are working on two framer templates in parallel
hero interaction magic āØ
Great work on animations
I created this cinematic dragon battle as a high-end AI filmmaking experiment focused on realistic action, scale, character movement, and cinematic storytelling.
The goal was to make the dragons feel physically real rather than like game characters, while keeping the dragon rider fully integrated into the actionāreacting to acceleration, controlling the dragon, fighting against the wind, and staying physically connected to every movement.
I focused on realistic aerial combat, dramatic lighting, believable fire and destruction, dynamic camera work, and a dark medieval fantasy atmosphere to create the feeling of a scene from a major feature film.
Created with AI video generation + cinematic direction, prompt engineering, action choreography, and visual storytelling.
that's fantastic!
Designing OVA: Translating Sound into Motion
Designing the visual identity and web experience for OVA was all about taking something completely invisible: sound, AI, and futuristic energy, to give it a bold, tangible visual form.
The Idea & Inspiration
It all started with one simple question: What does sound look like when it moves? I wanted to capture that magic spot where human emotion meets generative AI. Drawing inspiration from real-time audio visualizers and fluid dynamics, every gradient, wave, and curve in this system was built to mimic audio ripples moving through space.
The Challenges and solutions:
Making Static Graphics Feel Alive: Audio is pure motion, but static screens can easily feel flat. The trick was creating visual rhythm through fluid shapes and high-contrast gradients so the identity felt energetic without needing heavy video files that bog down site performance.
Futuristic, But Still User-Friendly: AI branding can quickly slide into generic sci-fi tropes. To keep it grounded, I paired an electric blue and neon purple palette with clean, spacious UI, readable typography, and straightforward navigation.
Putting the Tech Together: Embedding custom 1440px canvas layouts, interactive Spline 3D scenes, and responsive Framer builds into a seamless portfolio view took a lot of trial, error, and breakpoint tweaking but getting that full-width desktop feel was totally worth it.
At its core, OVA is a minimal, modern showcase of what happens when design, music, and artificial intelligence hit the exact same frequency.
ā¢ Aug 18
Love how you translated something as intangible as sound into the whole visual language. The gradients and fluid forms really make it feel like itās moving even when itās static. Really loved how this turned out!