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
NEBULA 3D: Interactive Landing Page for Elementor & WordPress
The Industry-Standard Interactive 3D Landing Page.
Stop settling for static layouts. Nebula 3D is a high-performance, scroll-synced immersive environment designed for high-end tech brands and SaaS leaders.
Core Mechanics
Dynamic Scroll Engine: Real-time 3D nebula density and opacity mapped to user scroll depth.
Performance Optimized: Pure Three.js implementation ensuring stable 60FPS on both Desktop and Mobile.
Advanced Glassmorphism: Production-ready CSS layer with frosted blur, glow-pulse animations, and metallic typography.
Developer-First: Clean, modular code. Zero dependencies beyond Three.js.
What’s in the Box?
Core 3D Source: Standalone Three.js scene (nebula.html).
Sync Logic: Optimized WordPress/Elementor scroll controller script.
UI Framework: Premium Glassmorphism CSS kit.
Quick Start: Technical documentation for < 5 min deployment.
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
Hi Contra! 👋
I'm Katya — UI/UX designer and Webflow/Framer developer behind kraft.studio, based in Frankfurt 🇩🇪 Originally from Ukraine 🇺🇦
Over 10+ years I've worked with startups, Fortune 500 companies, and global brands across Germany, the US, Ukraine, and the UAE — on brand identity, SaaS platforms, landing pages, Figma design systems, and full Webflow & Framer builds. Design and development from one person, end to end.
What I genuinely love about my work: I get to combine craft with systems thinking. Every project is a mix of visual design, UX logic, and build — and I've been using AI tools (Figma MCP, Claude Code, Cursor) to make that process tighter and faster without losing the quality that matters.
A few highlights:
🏆 CSS Design Awards — Best UI · Best UX · Best Innovation · Special Kudos
⭐ Top Rated on Upwork · 100% JSS
I'm here to find meaningful collaborations, work with people who care about what they're building, and connect with designers and founders in the community.
If you're working on something interesting — say hi! 👇
#UIDesign #UXDesign #Webflow #Framer #BrandIdentity #FigmaDesign #DesignSystems #SaaSDesign #AIDesign #ProductDesign #StartupDesign
Stop making flat Figma prototypes — make them feel 10x more realistic! ❌
Last call to join the Config Makeathon and get a chance to win $100k!
This single feature just changed my entire design workflow forever ✨
Hey Contra! 👋
I’m a UI/UX Designer from Ukraine 🇺🇦, currently based in Poland.
I've been designing websites and digital products for several years, helping businesses turn ideas into intuitive and user-friendly experiences. My background includes web design, mobile interfaces, landing pages and design systems.
What drives me as a designer:
✦ Creating experiences that feel simple and natural
✦ Solving real user problems, not just making things look pretty
✦ Finding the balance between business goals and user needs
My favorite tools are Figma, FigJam, Framer, AI-powered design workflows, and rapid prototyping.
I recently joined Contra and I'm excited to start sharing my work, design thoughts, and case studies here. 🚀
If you're a designer, founder, developer, or creator, let's connect and support each other.
Looking forward to meeting amazing people in this community! 🤝
#ProductDesign #UXDesign #UIDesign #Figma #WebDesign #MobileDesign
#DesignSystems #SaaSDesign #StartupDesign #UXResearch#Prototyping
#CreativeCommunity
Happy to see another Ukrainian designer here! 🇺🇦
Your mindset around creating intuitive experiences and solving real problems is exactly what makes great products.
Best of luck on Contra, and looking forward to seeing more of your work!
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.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
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?