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
PHROX DEV is my personal high-end production portfolio designed with a futuristic, dark cyberpunk aesthetic featuring high-energy fire orange and neon cyan highlights. Built to show high-fidelity creative engineering, it integrates immersive 3D background components with clean, metric-driven interface design.
Key Architecture & Technical Highlights:
Interactive 3D Graphics (app.js): Engineered a custom Three.js WebGL particle network background featuring dynamic particle calculations (280+ active nodes), mathematical physics animations, and smooth viewport resize behaviors.
Advanced Cyberpunk Token Styling (styles.css): Formulated deep-space background surfaces with custom border-glow states, hardware-accelerated fluid layouts, and multi-layered glow vectors using semantic design tokens.
Futuristic UI Layout (index.html): Architected custom visual layouts utilizing modern font stacks (Orbitron, Rajdhani, JetBrains Mono) optimized for performance and complete desktop/mobile responsiveness.
Core Concepts Demonstrated:
3D WebGL Integration via Three.js
Complex CSS Animation & Micro-interactions
Clean Code Architecture & Layout Optimization
Tech Stack Used:
Core: HTML5, Modern Vanilla JavaScript (ES6+), Advanced CSS Custom Properties
3D Graphics: WebGL / Three.js
Fonts & Icons: Google Fonts, Custom Inline SVGs
live at:- https://phroxdevportfolio.netlify.app/
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
VI Studio — Landing Page Design for a Mixed Reality Headset Brand 🥽
We designed a bold, cinematic landing page for VI Studio — a mixed reality hardware brand positioning itself at the frontier of spatial computing, immersive vision, and real-time intelligence.
🧩 The design is built around a single powerful statement: See Beyond Reality. A dramatic full-bleed hero with a neon-lit headset and high-contrast dark palette creates an immediate sense of technological depth, while compact spec callouts keep the product grounded and credible.
Special attention was given to:
• cinematic hero composition with editorial-grade CGI product photography
• technical spec UI — 120° field of view, <8ms latency, spatial interface — surfaced cleanly without overwhelming the visual
• seamless desktop-to-mobile adaptation including a full-screen overlay navigation
• amber-orange accent system that adds warmth and energy to the dark base
• typography hierarchy that balances impact with clarity across all breakpoints
A high-voltage digital presence that makes a hardware product feel like a cultural moment — designed to capture attention, build desire, and drive early adopters to launch.
Looking to design a product landing page that matches the ambition of what you're building? Let's create something that turns heads!😊
Amazing work
SonicPro X — Futuristic 3D Audio Experience
Short Description:
A premium, interactive 3D landing page for a futuristic wireless headphone product. The experience features a sleek floating headphone model in the center with dynamic neon lighting (blue and purple), subtle particle effects, and a minimalist UI overlay. Users can explore the product in 3D, interact with the scene, and feel the premium tech aesthetic.
Visual Style:
Futuristic & tech-focused with dark background
Neon glow effects (cyan blue + magenta purple)
Minimalist UI with clean typography
Premium product presentation — the headphones are the focal point
Cinematic lighting with soft ambient particles floating around
How It's Used:
Perfect for product landing pages (audio brands, tech companies)
Can be used as an interactive portfolio piece for designers
Suitable for e-commerce product showcases where you want users to explore in 3D
Ideal for awards submissions or creative web experiences that need to stand out
Technical Details:
Built 100% in Omma by Spline (Omma Canvas + Omma Studio)
1 AI-generated 3D asset (headphone model) from Omma Studio
Optimized for smooth performance on average devices
Interactive elements: floating animation, hover effects, particle movement
Why It's Unique:
Original design created during the Buildathon window — not based on external sources. The 3D headphone model was generated entirely with Omma AI, and the entire experience was built in Omma Canvas without relying on imported assets.
I like the lightning looks really nice!
Beautiful
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?