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
Hero Odyssey is a high-performance, interactive hero section built with WebGL shaders and Framer Motion. It features a real-time animated lightning effect that users can customize on the fly with custom hue sliders, giving each visitor a slightly different visual experience.
Built with React, TypeScript, and Tailwind CSS, this project focuses on combining smooth, GPU-accelerated animation with clean, responsive UI — the kind of visual polish that makes a landing page or product site stand out from template-based designs.
This piece showcases my ability to work with advanced frontend techniques (shader programming, motion design) while keeping performance and usability front and center.
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
New project in the works 🖤
E-commerce homepage for a dreadlocks brand — dark theme, bold serif typography, editorial photography front and center.
Love the overall direction, the dark aesthetic looks premium and the hero section has a strong visual impact😍
One small suggestion: I'd consider moving the search a bit. At the concept stage, it's not entirely clear how it will behave. If the search field expands on click, it...
Hello, meet my Character name is [BOLI].
What started as a simple character sketch became an entire visual world.
For this challenge, I designed an original mascot with its own personality, custom wordmark, signature color palette, and a complete identity system that stays consistent across posters, stickers, packaging, and social media.
The goal wasn't just to create a cute character—it was to build a mascot that feels like it belongs to a real brand and can live across endless applications without losing its identity.
Created entirely in Recraft Studio using Exploration Mode, Vector, and reference workflows to keep every design on-model.
https://www.recraft.ai/project/35ea36f7-8c40-48dc-b5de-1006c4daf9c3
I'd love to hear what you think!
#Recraft #Contra #MascotDesign #BrandIdentity #CharacterDesign #GraphicDesign #CreativeChallenge
BOLI looks like if a cotton candy got feelings 😭 That pink + green eyes combo is so striking. "Simple sketch to entire visual world" is exactly what a good mascot should do 🔥
Hi, Contra community! I can't decide on a background for my portfolio shot: a high-contrast light background or a dark one...Which one do you think is better?
17 voted
53%
15 voted
47%
32 votes
Closed
Nice design !
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?