Asset Library
1,738 video parts you can take today, and 557 more to learn from. Find one you like, then open it for the details.
Showing 88 of 2,295Show everything
From motionmaxxing
No preview yet · 83
motionmaxxing (the skill)Skill · Apache-2.0Agent instructions for directing a short motion-graphics film in plain HTML: find an idea only this brand could own, plan each beat by what…judgment.md (the eight judgments)Skill · Apache-2.0The taste layer in full: eight judgments each with when, prefer, because, evidence and where it stops being true; twelve default reaches…slop.md (the review file)Skill · Apache-2.0The checklist run on a plan and on a render: the never-ship list, 25 ranked default patterns (N1-N25), a table of AI default against…taste/verdicts.md and taste/edits.mdSkill · Apache-2.0The author's own record of what one person said about specific films, and 18-odd before/after fixes with the reason for each. It is one…studies (two calibration strips)Skill · Apache-2.0Two JPEG strips of invented brands, each pair showing a default beside a decision, drawn in different styles on purpose so they are not…library/moments.jsonl (precedent rows)Skill · Apache-2.0716 rows of rule-only precedent (one more line is a header): 507 rules decoded from other human-made films under opaque ids, 156 designer…film.html (starting film)Starter · Apache-2.0The page every film starts from: a 1920x1080 stage, the runtime wired in, a Motion.film() call and the seek hooks the renderer drives. It…examples/phoneHTML · Apache-2.0A 6-second lock-screen scene built with the native-ui kit: a notification rolls up and the camera pushes to a macro on it. Invented apps…examples/selftest (runtime regression page)HTML · Apache-2.0A test page for the runtime itself: visibility tracks, per-word options, multi-line typing, origin claims, keyframe steps. It must print…motion.js (seek-safe GSAP runtime)HTML · Apache-2.0One plain script on top of GSAP, no build step, one global called Motion. You author in frames; it builds a single paused GSAP timeline and…hero3d (3D hero object)three.js · Apache-2.0A three.js layer on the same clock for one physical hero: a logo extruded from SVG paths, extruded text, a coin, a glass slab, a phone or a…native-ui (phone and notification builders)HTML · Apache-2.0Builders that return HTML for a true-proportion phone, status bar, lock screen, notifications, banner, list, tab bar and app icon, plus two…M.cursor and M.pressGSAP · Apache-2.0A cursor that enters oversized, parks, then presses: the cursor squashes for 2-3 frames and the target answers a frame later.M.enter and M.exitGSAP · Apache-2.0Entry and exit with a start or end pose and a directional smear that is strongest on the first (entry) or last (exit) frame.M.camera, M.snap, M.whip, M.dive, M.driftGSAP · Apache-2.0Five camera moves on a wrapper element: keyframed camera, a snap that covers most of its distance in one frame then tails off, a whip pan…M.kf, M.show, M.hide, M.cutGSAP · Apache-2.0Frame-numbered keyframes on any property, hard show/hide, and a cut that swaps scenes on one frame and records the cut for the sound mix.M.cascadeGSAP · Apache-2.0Runs one move across several elements with chosen frame gaps and returns the onset frames.Motion.selfTestGSAP · Apache-2.0Proves a film is seek-safe: plays every frame in order, then jumps to random frames and compares every element's style, transform and text…M.ease.cruiseGSAP · Apache-2.0Measured ease: linear; 9 frames typical; 18% of measured moves. Used for fades, drift, camera creep, counters, anything ambient.M.ease.glideGSAP · Apache-2.0Measured ease: gentle ease-out (about sine.out); 10 frames; 14%. Used for all-purpose medium lands, camera pushes, press-down.M.ease.softInOutGSAP · Apache-2.0Measured ease: S-curve; 9 frames; 14%. Used for opacity and blur ramps, ground and color changes, a number tied to a handle.M.ease.softLandGSAP · Apache-2.0Measured ease: strong ease-out (about power 3); 12 frames; 9%. Used for the workhorse entry: text rises, panels slide, scale-ins.M.ease.gentleInGSAP · Apache-2.0Measured ease: ease-in (about power 2); 9 frames; 9%. Used for exits, blur-out and fade-out starts, slow push-ins that run into a cut.M.ease.snapSettleGSAP · Apache-2.0Measured ease: 54% done at a tenth of the time, then a long soft tail; 11 frames; 6%. Used for hero entries, logo crash-ins, card landings…M.ease.whipGSAP · Apache-2.0Measured ease: fast out (about power 2.5); 7-8 frames for a true whip; 6%. Used for big fast moves and the arriving half of a whip pan.M.ease.accelExitGSAP · Apache-2.0Measured ease: ease-in (about power 2.6), fastest near the end; 13 frames; 5%. Used for the leaving curve: scale exits, pans off frame, the…M.ease.crashOutGSAP · Apache-2.0Measured ease: ease-in (power 4) that ends at full speed; 17 frames; 4%. Used for camera pull-offs and exits that end on a hard cut.M.ease.popOverGSAP · Apache-2.0Measured ease: late lean past the mark, peak 1.08 at 72% of the time; 15 frames; 2%. Used for release after a press, a one-off physical…M.ease.crashInGSAP · Apache-2.0Measured ease: slam: touches the mark almost at once, peak 1.18 at 27%, relaxes back; 10 frames; 1%. Used for drops that should punch past…M.ease.bounceHardGSAP · Apache-2.0Measured ease: big overshoot, peak 1.48; 22 frames; under 1%. Used for rare pops and rotations; the skill says use sparingly.T1. Hard cut on motionShot recipe · Apache-2.0The cut lands mid-move at peak speed, never on a settled frame. Written as what, mechanics with measured frame numbers, when to use and…T2. Carried-object match cutShot recipe · Apache-2.0The same object sits at the same place and pose on both sides of the cut. Written as what, mechanics with measured frame numbers, when to…T3. The effect becomes the next sceneShot recipe · Apache-2.0The thing that finishes scene A (a burst, a growing shape) is the ground of scene B. Written as what, mechanics with measured frame…T4. Container replacementShot recipe · Apache-2.0The old bar, card or pill contracts and a new container takes its slot at full size. Written as what, mechanics with measured frame…T5. Grey/flat dip hiding a theme flipShot recipe · Apache-2.0A four-frame wash to one flat gray frame hides a light-to-dark flip and a magnification. Written as what, mechanics with measured frame…T6. Blur-matched cutShot recipe · Apache-2.0The exit ends blurred and the entrance starts more blurred, so the cut vanishes in defocus. Written as what, mechanics with measured frame…T7. Wipe that starts in A and finishes in BShot recipe · Apache-2.0A band begun at the end of one scene completes in the first frames of the next. Written as what, mechanics with measured frame numbers…T8. Mask / clip-edge wipe through glyphsShot recipe · Apache-2.0A clip edge sweeps through text so lines erase and reveal mid-letter, with no crossfade. Written as what, mechanics with measured frame…T9. Stair / block wipe in screen-grid stepsShot recipe · Apache-2.0A wipe whose front advances in whole grid jumps with no in-between. Written as what, mechanics with measured frame numbers, when to use and…T10. Pixel / mosaic dissolve with stepped coverageShot recipe · Apache-2.0A field of hard-edged cells dissolves or resolves in steps; opacity is not used. Written as what, mechanics with measured frame numbers…T11. Zoom-through / dive into a logo detailShot recipe · Apache-2.0The camera scales into one detail of the logo at a constant rate until it becomes the next surface. Written as what, mechanics with…T12. Pull-back reveal with snapShot recipe · Apache-2.0The product is shown as one magnified fragment, then revealed by pulling back. Written as what, mechanics with measured frame numbers, when…T13. Whip pan with content changing during the whipShot recipe · Apache-2.0A fast pan in which the old content leaves and the new arrives inside the move. Written as what, mechanics with measured frame numbers…T14. Scale cutShot recipe · Apache-2.0Scale changes in one frame, not by a zoom tween, ideally with a content change on the same frame. Written as what, mechanics with measured…T15. Ground flips by act (dark / light)Shot recipe · Apache-2.0The ground inverts at an act boundary, always caused by an object or hidden in motion. Written as what, mechanics with measured frame…T16. Localized glitch rectangles as a bridgeShot recipe · Apache-2.0A few black static rectangles over part of the frame for six frames or fewer bridge a hard cut. Written as what, mechanics with measured…T17. OcclusionShot recipe · Apache-2.0A rising or sliding surface covers the old content; nothing fades. Written as what, mechanics with measured frame numbers, when to use and…T18. One-frame double exposure and carry-over ghostsShot recipe · Apache-2.0One to three frames where both scenes coexist, or a one-frame ghost carries across. Written as what, mechanics with measured frame numbers…T19. Hard replacement of a word or lineShot recipe · Apache-2.0Text is swapped without a transition, words dropped or added on single frames. Written as what, mechanics with measured frame numbers, when…T20. Strobe / reel flipShot recipe · Apache-2.0Many plates flip on a rhythm (about 15 a second) to read as range or volume. Written as what, mechanics with measured frame numbers, when…C1. Wordmark crash-in, then perpetual contractionShot recipe · Apache-2.0The name slams in oversized, settles, then keeps shrinking slowly so the end frame is never dead. Carries a warning: on near-black with a…C2. Logo built from partsShot recipe · Apache-2.0The mark assembles from pieces of the film. Carries a warning that this ending is a default in generated films.C3. Emblem enters oversized and blurredShot recipe · Apache-2.0The emblem arrives large and soft and halves its excess every two frames.C4. Icon on white, settling from 1.86xShot recipe · Apache-2.0A hard cut to white and a shape mark that settles from 1.86 times its size; for a mark that is a pure shape, after a dark scene.C5. Mosaic / pixel dissolve into the markShot recipe · Apache-2.0A field of squares resolves into the mark; only when the texture is truly the brand's.C6. Logo morph from a previous identityShot recipe · Apache-2.0A per-letter flip from an old name to a new one in about a second; for a rename or rebrand.C7. Dive into the logo to enter the productShot recipe · Apache-2.0The camera dives into a feature of the logo that becomes a container, such as an underscore that becomes an input.C8. Button click, cut before releaseShot recipe · Apache-2.0The cursor presses the product's own control and the film cuts at maximum compression. Warns against a logo plus a download pill, which is…C9. Typed CTA prompt, cut before sendShot recipe · Apache-2.0A prompt line is typed with a human rhythm and the film cuts before it is sent, handing the action to the viewer.C10. CTA words focusing in placeShot recipe · Apache-2.0The last words come into focus where they stand, beside a mark built from a character; quiet energy for playful brands.