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
Interactive shader in the Hero responding to cursor movement.
Made with Wonder, done in Webflow.
At this point I may wanna participate in the Wonder Challenge 🤔
Project page—https://nexdim.webflow.io/ (official launch soon)
This is how I did it—https://www.loom.com/share/12ff14bb78c34fd99ceab8c4842e6212
Beautiful 😍💓
Smoooooth!!!
yo such a cool visual effect! 💯
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
Hand Tracking 1
After watching videos on Instagram from different content creators showcasing interactive websites, I wanted to try it myself.
My goal is to create an interactive portfolio featuring all the AI images and videos I've created over the past two years. Of course, I could ask Claude or Antigravity to build a story-scrolling experience with different animations, but I think this approach offers a new and more exciting way to present my work and immerse viewers in my creations.
This is only the first step.
If anyone knows any good resources or YouTube channels, please let me know!
and u did good in your 1st step ...really impressing
Meet Cosmo, the AI mentor for the CodeSignal learning app and my entry for the Rive Character Challenge.
He celebrates your progress and gives feedback when your answer isn't quite right. Depending on the situation, he can be playful and funny, sad or disappointed, thoughtful, or full of energy.
Cosmo remains visible for most of the learning experience, either at the top or bottom of the screen, and constantly responds to user actions.
I created a system of expressions that can be mixed and matched with hand gestures to form many different combinations. This allows Cosmo to feel less predictable and react naturally to the user's actions in any situation.
To keep the runtime lightweight, I created different rigs for different poses and used the same facial animation library for all of them.
• 36 reusable facial expressions
• 10+ animated poses
• Reactions to user answers, learning progress, and achievements
• Mix-and-match facial expressions and gestures for more varied feedback
• Light and dark mode support with runtime colour switching
• UI animations
• Day Streak animation
Product: Cosmo: Learn GenAI & More
You can check out a sitting pose here: https://rive.app/s/MiVniVKA-0ODUjtcaOXRTA/?runtime=rive-renderer
This file includes 5 gestures (at the top) and a set of expressions.
Each gesture and expression has its own trigger.
To create a combination, choose an expression from the "Expression" list, then trigger a gesture. The default expression is "Correct_nod".
I hope you enjoy getting to know Cosmo as much as I enjoyed bringing him to life =)
Amazing work! Love this so much
I built an operating system for my marriage.
MARRIAGE.OS is a fictional OS that treats a relationship the way software treats a system. It has a boot sequence, a live dashboard (trust level, comms uptime, a resentment queue, partner battery at 31%), a screen of the conditionals we actually run on (IF thermostat.touched_by(partner_a) THEN war()), an error log of every fight we've ever had (all resolved, eventually), and a shutdown screen that dims the lights and says goodnight.
The whole thing is a CRT terminal aesthetic: amber phosphor on near-black, scanlines, JetBrains Mono, a design system I kept consistent across all six screens.
How Wonder made it possible: I designed every screen with Wonder Chat, generating layouts from prompts and refining them on the canvas. The living glow behind the boot and shutdown screens is a Wonder shader, tuned by hand. Then I used Wonder's MCP to pull the design straight into code and ship it to a live URL. Canvas to code to deployed, no rebuild.
It's live here: marriage-os.gblackman.workers.dev
Link to Wonder file: https://app.wonder.so/user-b66760/files/019f161d-6250-7108-ab1b-6da6b3d02616
Twelve years of marriage, rendered as the longest-running system I own.
This is amazing
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.
fifaworldcup2026
The World Cup is here and the whole world's watching. How are you designing for the world stage?
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?