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 Rive Broadcast & Livestream UI Challenge is officially over! Big shoutout to everyone who participated, liked, commented, shared, and scrolled through 🙌
Congratulations to the winners:
1st place:Â DSpot
2nd place:Â Wayne Porter
3rd place:Â james kowalski
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
This was my first time joining a @Contra HQ challenge, and I got featured on the Contra homepage! On top of that, @Bubble reposted me on their official X account. What a great start to the day.
Would really appreciate your support on my submission 👇
Deepen | Contra & Bubble.io Challenge
Say goodbye to boring small talk! 👋
Here is Deepen — a mobile card game for deeper connections, built completely on @Bubble.io . I created dynamic question decks and smooth workflows to make hangouts with friends effortless and fun.
• 1d
Cadence - A Motion Design System Explorer
The goal
Motion design dies in translation. A curve shaped in After Effects leaves the building as a reference video and a duration guess, and the feel is gone by the time it ships. Cadence closes that gap: a motion design system explorer where design tokens drive real UI components in real time, and a tuned motion system exports as the artifact an engineering pipeline consumes.
My role
Sole designer and developer: product design, motion design, token architecture, the React build, Rive animation, deployment. I planned the system in Claude and built it in Claude Code, and every architectural decision in the codebase is documented in a dated record. The rigor is part of the deliverable; a motion system an engineer can trust is one whose reasoning is written down.
Deliverables
The live tool at cadence.davidpreli.com: Token Lab, a live token editor; a Principles Library running 18 animation principles on real components; Motion Tiles, a Rive field where three named motion personalities retime the whole grid at once
The token architecture: CSS custom properties read at runtime by Framer Motion, with export to DTCG, CSS, JSON, and Framer Motion formats, and import with a validation report
Twenty custom token-driven components, four themes with WCAG AA contrast throughout, reduced motion as a first-class state
Production deployment on a Cloudflare Worker, verified by an end-to-end suite that runs against built output
A written case study and the full decision record
Links
Tool: cadence.davidpreli.com
Case study: cadence.davidpreli.com/cs
Open for work
I'm open to design systems, motion systems, and creative technology engagements: defining a motion language, building the tools that make it usable, and documenting it so the decisions hold up after I leave.
FINAL TAPTASY is a phenomenon TAP-style pixel game, delivering extreme tap satisfaction, intense team battles, and retro pixel aesthetics.
We created a cohesive visual experience across Final Taptasy website, posters, stickers, NFTs, and more.
