Give the project to Claude , ask it to study it, find demos, and give you ideas
| Project | Stars | What it adds to your video | Examples |
|---|---|---|---|
| Matter.js | 18k | Gravity, collisions, bouncing and spring-like constraints. Make word cards fall and stack. | Demos |
| Rough.js | 21k | Sketchy outlines and hatched fills for hand-drawn diagrams, shapes and logos. | Examples |
| PixiJS • filters | 48k / 1.1k | Glitches, glow, ASCII, bulge distortion and crosshatching applied to text or imagery. | Filter playground |
| Anime.js | 73k | Coordinated text, shape and SVG animation. Useful for controlling the choreography. | Examples |
| p5.brush | 972 | Pencil, charcoal and marker strokes, watercolor fills and hatching. Add tactile, hand-drawn textures to shapes and illustrations. | Live teaser · Brush Maker |
| thinking-orbs | 44 | Animated dotted orbs for AI activity: working, searching, solving, listening, composing and shaping. Useful for visualizing an AI thinking or loading moment. | Live demo |
Browse for a move you can adapt: a text reveal, a transition or an interesting timing pattern.
<aside> 🔗
Explore the collection
</aside>
The collection includes video examples, source posts and shared prompts.
<aside> 🧩
Separate your style, references, timing and output requirements so Claude can follow a complex brief more clearly.
</aside>
Anthropic recommends XML tags when a prompt mixes instructions, context and examples. Use consistent, descriptive tag names.
<aside> ⏱️
Test the hardest visual effect before building the whole video. A one-second test makes the texture and movement easier to judge and revise.
</aside>
<aside> 🔎
Ask for a contact sheet: several key frames arranged in one image. Review the composition, text and transitions before the final export.
</aside>