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
3D Interactive Developer Portfolio | Prashant Kumar
A premium, modern, and highly interactive developer portfolio website designed to showcase engineering expertise in Artificial Intelligence, Machine Learning, and Full-Stack Development. The site features a professional deep-space dark theme, responsive glassmorphic cards, scroll-triggered animations, and multiple engaging interactive elements.
Theme: Deep Space Obsidian backgrounds with glowing cyan/indigo border gradients.
Dual Link Buttons: Each project card features two distinct buttons for Visit Site (hosted deploy) and View Code (GitHub repository), designed for quick updates.
Magnetic Cursor: A custom dual-ring magnetic cursor that expands and changes colors when hovering over clickable items.
@Prashant Kumar The separate Visit Site and View Code buttons make each project easy to assess. How does the dual-ring magnetic cursor behave on touch devices or with reduced motion enabled?
Thanks for checking it out, Nugraha! And a huge thank you for being my very first follower here on Contra—that really means a lot!
To answer your question: on touch devices (screens under 768px), the dual-ring cursor is completely hidden (display: none;) to keep touch inputs...
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
Traer Mobile App Design.
A clean and modern mobile app UI/UX design for Traer, a P2P global package delivery platform.
Designed the experience around package tracking, orders, trips, and delivery management, keeping everything simple and easy to navigate.
Also explored the visual identity, typography, colors, and responsive product experience to keep the app consistent across the brand.
Really enjoyed bringing this one together.
High-end design.
Should animation simply catch attention, or invite interaction?
In the first version, the abstract form continuously transforms on its own. It keeps the hero section dynamic and atmospheric without requiring any action from the user.
In the second version, the object reacts to cursor movement through a parallax effect. The experience becomes more playful, immersive, and responsive.
One gives users something to watch. The other gives them something to influence.
Which approach works better for a hero section: automatic motion or interactive animation?
79 voted
82%
17 voted
18%
96 votes
Closed
The option 1
Solar Energy Tracker & Smart Battery Management App UI Design
As residential solar installations and home battery storage scale globally, homeowners demand real-time visibility into their power generation, grid independence, and daily cost savings.
We designed this modern Solar Energy Tracker & Smart Battery Management Mobile UI to make complex energy telemetry digestible and visually engaging. Built for CleanTech startups, solar inverter brands, EV charging networks, and smart home IoT platforms, this warm, minimalist mobile interface turns intricate power metrics into actionable energy insights.
The Problem We Solved
Most energy management platforms overload users with confusing technical jargon, unreadable raw data tables, and disconnected system metrics. For everyday homeowners, understanding power flow between solar panels, battery reserves, home consumption, and the electrical grid feels like reading a utility bill without a key.
This concept prioritizes visual clarity and flow mechanics through intuitive power node diagrams, real-time generation trackers ($4.98\text{ kWh}$), $CO_2$ offsets, and dynamic battery reserve cards.
Key Features & UX Highlights
Real-Time Generation & Carbon Metrics: High-visibility hero widget highlighting real-time output ($70.9\text{ kWh Generated}$), solar intensity, $CO_2$ saved ($2.4\text{ kg}$), and monetary daily savings.
Interactive Energy Storage & Load Curves: Granular line and bar graphs tracking hourly stored energy ($20.1\text{ kWh}$) and peak vs. off-peak consumption limits.
Self-Powered & Grid Dependence Gauge: Visual radial arc showing $50\%$ self-powered autonomy ($92\%$ peak self-power vs. $8\%$ grid reliance).
Dynamic Node System Power Flow: Interactive visual node architecture displaying live power distribution between Solar Production ($62\text{ kW}$), Home Usage ($3.5\text{ kW}$), and Battery Reserve ($90\%$ Charge).
Building a CleanTech, Solar, or Smart IoT Mobile App?
Whether you're an ambitious founder launching a renewable energy management platform or an IoT hardware brand scaling consumer-facing software, we design high-retention, user-centric UI/UX that makes sustainable living effortless.
Let's Collaborate on Something Amazing!
We are available for new projects! Let's create impactful, innovative designs together.
Beautiful solar energy dashboard—clean visuals, smart UX, and impressive data presentation! ☀️