Chinese-language playground of code-rendered motion effects, organised as 12 buildable routes from typography through 3D to video workflows.
motion
codemotion.cc
Visitopens in a new tab
Three.js
threejs.org
A general-purpose JavaScript 3D library with WebGL and WebGPU renderers plus SVG and CSS3D addons, used for real-time scenes that run in the browser.
What is Three.js?
three.js is a cross-browser 3D library whose current builds include WebGL and WebGPU renderers, with SVG and CSS3D renderers available as addons. A scene is assembled from a camera, geometry, material and mesh, then rendered with setAnimationLoop for interactive experiences in the browser.
The project ships documentation, a manual, an examples gallery and a browser editor, plus a Chrome DevTools extension. The site lists r187 as the current release and the repository is MIT licensed; showcased projects range from product configurators and WebXR demos to browser games.
Best for
- Interactive 3D scenes and product configurators on the web
- WebGL and WebGPU experiments and shader work
- Motion-led landing pages and browser games
Key features
- WebGL and WebGPU renderers
- SVG and CSS3D renderers as addons
- Browser editor and DevTools extension
- MIT licensed, r187 current release
- Examples gallery of shipped projects
Related resources
Cuelume is a small JavaScript library that adds synthesized interaction sounds to buttons, inputs, selects and navigation.
motion
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