Cuelume is a small JavaScript library that adds synthesized interaction sounds to buttons, inputs, selects and navigation.
motion
cuelume.dev
Codemotion
codemotion.cc
Chinese-language playground of code-rendered motion effects, organised as 12 buildable routes from typography through 3D to video workflows.
What is Codemotion?
codemotion is a curated collection of motion effects whose frames are produced by code rather than edited footage, presented in volumes; the live site is Vol. 01. Its 12 routes split across typography and interface, drawing and art, 3D and space, and video and workflow, each pointing to the code that makes the effect happen.
The site plays finished clips rendered entirely in code, with voiceover, music and subtitles composed in the same pipeline, and links a longer written reference guide. Beyond browsing, the team sells customisation: $49 for a delivered video effect and $99 for a packaged motion skill, through a five-step process with follow-ups at one week and one month.
Best for
- Designers learning how coded motion effects are built
- Studios commissioning a custom motion clip
- Teams packaging a reusable motion recipe as an agent skill
Key features
- 12 implementation routes grouped into typography/UI, drawing, 3D and video workflows
- Effects rendered frame by frame in code, with audio and subtitles composited in
- Curated volumes of creator clips that play on the page
- Paid customisation: $49 per delivered video effect, $99 per motion skill
- Delivery process with follow-ups one week and one month after handover
Related resources
cuelume.dev
MIT-licensed React package of 29 named loading indicators, each accepting size, colour and duration props and respecting reduced-motion preferences by default.
motion
loading.dev
The animation library formerly known as Framer Motion, handling layout, scroll, gesture, spring and 3D animation in React, Vue and plain JavaScript from a small API surface.
motion
motion.dev
Visitopens in a new tab