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
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
Playing around with a 3D voice recorder.
Nothing too complicated, just wanted to see how far I could push the materials, lighting and small details to make a simple object feel real.
Sometimes it’s the simplest objects that are the most fun to animate.✨
That brushed metal finish is doing so much work here, it actually reads as a physical object instead of a render. What was your lighting reference for getting that matte-but-still-metallic look?
Redesigning the Vendyz Landing Page for Maximum Conversion.
First impressions matter, especially for a comprehensive fintech and logistics platform. This project showcases the complete frontend revamp of the Vendyz marketing site. The primary objective was to translate a complex suite of tools escrow payments, logistics integrations, and automated storefronts into a seamless, high-converting user narrative.
Built for speed and scalability using Next.js and React, the page features interactive product tabs, responsive "bento-style" feature grids, and a dynamic, multi-category FAQ section. By heavily utilizing Tailwind CSS, I ensured the entire interface remains pixel-perfect and highly accessible across all device sizes, effectively driving user acquisition for the platform.
Clean layout and great focus on conversion
How I Built a 60 FPS Real-Time Esports HUD Builder & WebGL Broadcast Engine for BLOB
Live esports broadcasts don’t forgive dropped frames.
When competitive titles like Valorant, Counter-Strike 2, and Rocket League stream tournament telemetry at 60 updates per second, standard React virtual DOM reconciliation simply chokes under the load in OBS Studio. I was brought on by BLOB Productions following a competitive head-to-head architectural evaluation to completely re-engineer their broadcast overlay infrastructure from the ground up.
What We Built:
- 60 FPS Headless HUD Engine: Built a renderer-independent JSON scene graph with Figma/Rive-grade interaction math (multi-selection, aspect-ratio locked transforms, boolean operations, and 360° pivot rotations).
- Complete Vector & Style Stack: Multi-fills with linear/radial gradients, multi-strokes, inner/drop shadows, per-corner radiuses, blend modes, and Gaussian blurs.
- Reactive Data & Motion Logic Engine (Core IP): Continuous value mapping (e.g., player health mapped to visual bar width), dynamic scope inheritance across duplicated player cards, repeaters, and event-driven trigger animations.
- Ultra-Low Latency OBS Runtime: A lightweight PixiJS (WebGL) runtime with signal-based direct node mutations and a jitter-smoothing dead reckoning buffer—maintaining $<16ms Time-to-Glass.
- Zero-Egress Client-Side Edge Merge: Merged high-frequency P2P/WebSocket telemetry directly on the client edge with static tournament metadata, eliminating expensive cloud compute bottlenecks.
- Cloud Persistence & Publishing Pipeline: CockroachDB/PostgreSQL draft-versus-live isolation, version rollback, and an automated P0 verification test suite.
Read the full case study with architectural diagrams and demo breakdown here: 60 FPS Real-Time Esports HUD Builder
Looks rrally cool!
