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
introducing koko 🐤 the little bird who shows up when you scroll too long.
he watches your screen time and reacts, sometimes loudly. he's a bit unhinged, but friendly.
one koko.riv file drives him in the iOS app (react native) and the website (react).
how it's built:
· character + state machine: rive
· voice: elevenlabs
· lipsync: pocketsphinx + ffmpeg
· app + site: claude code
sources
web: kokopi.app
elevenlabs tts: https://elevenlabs.io/app/speech-synthesis/text-to-speech
pocketsphinx: https://github.com/cmusphinx/pocketsphinx
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
Meet Kaysia, the little hourglass mascot for my timer app.
Created with ChatGPT, animated with Midjourney. These two work really well together for bringing a character to life.
Which animation is your favorite?
Such a cute little mascot.
The voiceover should not describe everything already visible on the screen.
If the interface shows a button being clicked, the script does not need to say “click the button.”
The voiceover should explain the value.
The animation should show how it works.
When both do different jobs, the video becomes much easier to follow.
Tracewell, a website that follows an AI's reasoning from question to answer.
You scroll, a question types itself, and one glowing line carries you into the model: through glass layers, past the words it pays attention to, and into a dark space where it lights the words it uses, one by one, until the answer forms.
The first version looked good and said nothing. I rebuilt every 3D object around one question: with the text hidden, could you still tell what is happening? This is the result.
React, Three.js, GSAP.
