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 198 of 2,295Show everything
No preview yet · 106
AI Answer RankHTML · Apache-2.0Is your brand in the AI answer? A question types into a chat card, the assistant answers with a ranked list of three picks, then re-ranks…AI Chat RevealHTML · Apache-2.0A question is typed on a rising keyboard, sent, and answered by an AI that streams its reply word by word on a measured token rhythm -…App ShowcaseHTML · Apache-2.0Fitness app product showcase with three floating smartphone screens.Blue Sweater Intro VideoHTML · Link onlyWarm AI creator intro sequence that resolves into an X follow card for @_blue_sweater_. Credited to Joe Sai. Idea only: It is a named…ChatGPT ExchangeHTML · Apache-2.0A portrait ChatGPT-style exchange types and sends a prompt, streams an answer, assembles a comparison table, and scrolls back through the…Claude ExchangeHTML · Apache-2.0A portrait Claude-style exchange types a prompt, works through search and reasoning steps, then streams a detailed answer with citations…HeyGen Avatar Promo CardHTML · Link onlyA portrait HeyGen offer card pairs a moving avatar mosaic with bold promotional typography and a branded callout. Credited to HeyGen. Idea…Liquid Glass Notificationthree.js · Apache-2.0Frosted glass notification cards floating over an aurora shader background. The repo marks it experimental.Liquid Glass Widgetsthree.js · Apache-2.0Frosted glass stat cards, showcase panel and pill chips over an aurora shader background. The repo marks it experimental.Lottie Character WalkHTML · Apache-2.0A jointed flat character walks in on planted feet, stops and points at a card; the body acting is a Lottie file and the stage is GSAP. Item…Message Thread RevealHTML · Apache-2.0A full text conversation plays out on a phone - bubbles popping in, typing indicators, a shared link card, emoji, delivered receipts - with…Notes RevealHTML · Apache-2.0A personal note is typed character by character in a notes app - caret riding every letter, the page scrolling up on measured settle curves…Notification CascadeHTML · Apache-2.0Phone notifications land one after another and stack up the screen, each banner pushing the pile down as it arrives, before the whole stack…Share-Sheet CarouselHTML · Apache-2.0A share sheet springs up from the bottom of the phone and cycles previews inside its card on a fast cut rhythm while the blurred ground…Slack Notification AdHTML · Link onlyA portrait lock screen fills with escalating Slack video requests before HeyGen delivers the payoff. Copies the look of Slack; that brand…Thread Message StackHTML · Apache-2.0A source-owned editable conversation stack with arbitrary incoming and outgoing messages.VPN YouTube SpotHTML · Apache-2.0Snappy Apple-style YouTube insert showing a phone finding and installing a friendly VPN app with sound effects. Credited to Stronkter.Avatar CloudHTML · Apache-2.0Lettermark avatars populate a loose elliptical cloud while fine SVG links draw between the community and its central proof label.Camera Scan GateHTML · Apache-2.0A camera and QR recognition moment with a viewfinder sweep, bracket lock, confirmation pulse, and verified next beat.Chat MessageHTML · Apache-2.0One message arrives on the measured entry - scale 0.75, 0.12s, growing from its sender's corner. Credited to Miao Yang.Chat ThreadHTML · Apache-2.0The measured conversation as one mountable scene at full fidelity: status bar, back badge, avatar and name pill, bubbles with real iMessage…Notes TypingHTML · Apache-2.0The notes-app confession as a mountable scene: a bold title, then body lines typed character by character on the measured human keystroke…Notification PileupHTML · Apache-2.0Mobile notification cards arrive faster and faster, each new alert pushing the existing stack downward into a dense, anxious tower.Notification StackHTML · Apache-2.01 to 5 token notification cards slide-settle into a vertical stack on cues, newest on top; one card grows slightly and brightens as the…Onboarding Stepper FlowHTML · Apache-2.0A composed onboarding flow with milestone rail, active step card, and next-action button. Paste-in snippet: it registers no timeline, you…Overwhelm SurroundHTML · Apache-2.0Tasks, tabs, pings, and notification bubbles accelerate inward around a calm central subject, turning overload into visible spatial…Scroll FeedHTML · Apache-2.0A loop-friendly column of varied skeleton post cards scrolls upward with subtle motion trails and an agitated pace.Settings Toggle FlowHTML · Apache-2.0A composed settings flow with preference rows, toggle switches, and active-state feedback. Paste-in snippet: it registers no timeline, you…Signup FlowHTML · Apache-2.0A composed signup flow with social action, email field, password field, and submit button. Paste-in snippet: it registers no timeline, you…Toggle FlipHTML · Apache-2.0An oversized UI toggle switch that flips with real physicality: thumb overshoot, track color crossfade, and a soft press-compress before…Vector Editor RigHTML · Apache-2.0A dark design-tool app chrome with a live vector pen path, sequential anchor points, bezier handles, a selection frame, and theme-driven…Decision TreeStarter · Apache-2.0Starter project: animated flowchart with branching paths.Kinetic TypeStarter · Apache-2.0Starter project: bold kinetic typography promo.NYT GraphStarter · Apache-2.0Starter project: animated data chart in print editorial style.Play ModeStarter · Apache-2.0Starter project: playful elastic animations.Product PromoStarter · Apache-2.0Starter project: multi-scene product showcase with SVG assets.Swiss GridStarter · Apache-2.0Starter project: structured grid layout.VignelliStarter · Apache-2.0Starter project: bold typography with red accents.Warm GrainStarter · Apache-2.0Starter project: cream aesthetic with grain texture.blank (starter)Starter · Apache-2.0The default starter: one black 1920×1080 page with a title and an empty paused timeline. Ships inside the npm package. Tried: init…remotion-createSkill · Link onlyStarting a new Remotion project or composition: scaffold with the create-video starter (blank, no Tailwind), open Studio straight away…animation/asset-directorSkill · Link onlyHow the agent runs the assets stage of the animation pipeline. The stage hands on the list of assets made or found. Stops for the person's…avatar-spokesperson/asset-directorSkill · Link onlyHow the agent runs the assets stage of the avatar-spokesperson pipeline. The stage hands on the list of assets made or found. Stops for the…character-animation/asset-directorSkill · Link onlyHow the agent runs the assets stage of the character-animation pipeline. The stage hands on the list of assets made or found. Stops for the…cinematic/asset-directorSkill · Link onlyHow the agent runs the assets stage of the cinematic pipeline. The stage hands on the list of assets made or found. Stops for the person's…clip-factory/asset-directorSkill · Link onlyHow the agent runs the assets stage of the clip-factory pipeline. The stage hands on the list of assets made or found. Stops for the…documentary-montage/asset-directorSkill · Link onlyHow the agent runs the assets stage of the documentary-montage pipeline. The stage hands on the list of assets made or found. Stops for the…explainer/asset-directorSkill · Link onlyHow the agent runs the assets stage of the animated-explainer pipeline. The stage hands on the list of assets made or found. Stops for the…hybrid/asset-directorSkill · Link onlyHow the agent runs the assets stage of the hybrid pipeline. The stage hands on the list of assets made or found. Stops for the person's…localization-dub/asset-directorSkill · Link onlyHow the agent runs the assets stage of the localization-dub pipeline. The stage hands on the list of assets made or found. Stops for the…podcast-repurpose/asset-directorSkill · Link onlyHow the agent runs the assets stage of the podcast-repurpose pipeline. The stage hands on the list of assets made or found. Stops for the…screen-demo/asset-directorSkill · Link onlyHow the agent runs the assets stage of the screen-demo pipeline. The stage hands on the list of assets made or found. Stops for the…talking-head/asset-directorSkill · Link onlyHow the agent runs the assets stage of the talking-head pipeline. The stage hands on the list of assets made or found. Stops for the…mocap-figure exampleHTML · Link onlyThe runnable example: a 21.8-second page where a pencil line becomes a stick figure that walks, runs, dances, kicks, sits and waves, with…scaffold_atelier_project.pyTool · Link onlyCreates the empty project layout for a hand-written ('atelier') Remotion composition: the registration boilerplate and folders, with a…asset_manifest schemaStarter · Link onlyThe inventory of assets made or found. A JSON Schema; required fields: version, assets.radial-ripple-phone-chipsShot recipe · Apache-2.0Four concentric gray circles breathe out of phase like water ripples while a centered phone mockup auto-scrolls its feed and two white…autolayout-gap-dialShot recipe · Apache-2.0A gap value dial pushes a row of blocks apart in real time while badge digits tick, then everything springs back into place.canvas-materialize-movesShot recipe · Apache-2.02 named moves on one card: panel-to-canvas (Checkboxes tick themselves, then table rows arc out of the panel and morph mid-flight into…chip-grid-single-select-blackoutShot recipe · Apache-2.0Five option chips fade in, then a single gray press frame flashes before the chosen chip turns solid black with a tiny bounce while the…glass-pill-dictation-typingShot recipe · Apache-2.0A fixed-width glass pill pops in slightly oversized and settles, glowing with an accent gradient inside that fades out as a placeholder…hashtag-to-pill-materializeShot recipe · Apache-2.0A typed "#word" hard-cuts into a wide pill tag, holds, shrinks into its slot on the page, then hard-cuts again to reveal the finished view.picker-carousel-feature-cycleShot recipe · Apache-2.0A vertical mobile-style picker holds its focus pill still while the list passes through it, each item decelerating hard into place and…segmented-thumb-heroShot recipe · Apache-2.0An oversized segmented control gets a close-up: a cursor slides in, presses, and the white thumb snaps to the other segment as icons swap…theme-switch-movesShot recipe · Apache-2.02 named moves on one card: theme-sweep-toggle (The dark theme sweeps across as a slanted clip-path edge with a glowing 4px line, recoloring…dataviz-landscape-openShot recipe · Apache-2.0Streams of light merge across a dark data landscape while labels hover and a shallow-depth camera glides forward.fractureShot recipe · Apache-2.0Twenty-five 3D tiles fly in from scattered space and lock into a poster in a center-out ripple, hold for a beat, then accelerate outward…Ink Press templateStarter · Apache-2.0A whole runnable Remotion project: a 36.2-second, 1920x1080, 30 fps product promo in a paper-and-ink look (10 shots, 1,085 frames, sound…Fixtures.tsx (fake dashboard parts)Remotion · Apache-2.0Stand-in UI for demos: FakeDashboard, Card, TitleBlock and a gray palette. 647 lines; 23 demo files use it._legacy (66 retired demos)Remotion · Apache-2.066 demos removed from the library in October 2026, kept frozen only so old workbench projects still open. The repo says not to pick from…readme-workflow (README banner source)HTML · Apache-2.0The editable source of the README's eight-second workflow loop (1440x540), a HyperFrames HTML composition, not Remotion.demo page screenshots (_textures)Skill · Link only25 files: full-page and per-card screenshots of the author's demo product (a research tracker, partly in Chinese) with a layout json. 13…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…UI demo recipe A: prompt, send, agent resultShot recipe · Apache-2.0A frame-by-frame timeline at 30 fps for a product demo beat: prompt, send, agent result; about 205 frames (6.8 s). Only when the product is…UI demo recipe B: toggle, cascade, claimShot recipe · Apache-2.0A frame-by-frame timeline at 30 fps for a product demo beat: toggle, cascade, claim; about 175 frames (5.8 s). The file calls these…UI demo recipe C: drag, drop, output cascade, headlineShot recipe · Apache-2.0A frame-by-frame timeline at 30 fps for a product demo beat: drag, drop, output cascade, headline; about 135 frames (4.5 s). The file calls…UI demo recipe D: checklist, revealShot recipe · Apache-2.0A frame-by-frame timeline at 30 fps for a product demo beat: checklist, reveal; about 165 frames (5.5 s). The file calls these mechanics…UI demo recipe E: select from a carousel, commit into a formShot recipe · Apache-2.0A frame-by-frame timeline at 30 fps for a product demo beat: select from a carousel, commit into a form; about 270 frames (9 s), two clips…Guide: Scene designBlender · MITA short method for a believable scene: block out at real size and check through the camera before spending on assets, when to generate…Guide: Level designBlender · MITGame levels in Blender: player metrics first, blockout, modular kits and engine-ready output.archvizBlender · MITArchitectural stills: check real-world scale first, 24 to 35 mm for interiors with verticals corrected, HDRI plus practical lamps, layered…environment-artistBlender · MITModular environments: grid sizes for walls, facades and roads, the kit pieces a set needs (corner, edge, fill, door, trim), real-world…scene-assemblyBlender · MITLaying out a large scene: a collection structure (layout, modular geo, set dressing, lights, cameras, FX), collection instances against…set-dressingBlender · MITPlacing props so a space tells a story: density by zone, and a cluster method (pick one story beat, place three to seven props that sell…Vesper demo recordingSkill · Link onlyA 7 MB animated GIF of the author's example result: an isometric fantasy scene in three.js that the README says one model built from one…scaffold-vite-threejsStarter · MITA whole starter scene: Vite with three 0.180, sRGB output and tone mapping from one LOOK block of numbers, a draw-on-demand loop that…Accessible route clearances and turning spacethree.js · MITPlace a cited turning space in a room and, separately, sweep a conservative clearance envelope, keeping the two reports distinct instead of…Building service layer coordinationthree.js · MITInspect invented building services with layer toggles and explicit geometric clash markers. A written recipe (architecture-interiors…CityGML stable-ID scenario differencerthree.js · MITCompare a finite set of supplied CityGML-derived urban alternatives by stable feature identity, CRS, epoch and declared attribute/geometry…Construction task dependency and building playbackthree.js · MITLink supplied construction tasks, times and finish-start dependencies to stable building-element identities, then scrub the resulting…Courtyard house cutawaythree.js · MITReveal a fictional courtyard dwelling while keeping room boundaries and levels legible. A written recipe (architecture-interiors…Daylight and shading study over a daythree.js · MITDrive shadows from a documented solar position algorithm and keep the difference between geometry and photometry explicit. A written recipe…Fantasy village dioramathree.js · MITCompose a small invented settlement around a memorable landmark, readable paths, and contrasting building silhouettes. A written recipe…Finite egress-network capacity playbackthree.js · MITMove a finite supplied occupant count through a directed route network with integer travel steps, per-step arc capacities and a declared…Historical diorama with evidence layersthree.js · MITOrganize a site reconstruction so documented remains and interpretive additions can be inspected separately. A written recipe…Karst cave network with vertical connectivitythree.js · MITCompose an underground world where the interesting decisions are vertical: which chamber connects to which, and by what route. A written…Accessible museum route and object inspectionthree.js · MITBuild a navigable gallery whose route, landmarks and exhibit inspection stay connected, with equivalent controls for essential spatial…Night market street with layered lightthree.js · MITBuild a dense street where the lighting is made of many small owned sources and the crowd flows along readable lanes. A written recipe…Reversible branching storybook spatial scenethree.js · MITTurn narrative choices into distinct spatial dioramas while preserving authoritative branch state, checkpoints and a truthful back/reset…Floating archipelago with wind-driven travelthree.js · MITAuthor a fictional world whose invented rule set is stated and consistently enforced, so travel between islands has real constraints. A…Stair flight geometry and handrail heightthree.js · MITGenerate a stair from riser and tread dimensions and check it against published provisions instead of eyeballing it. A written recipe…Studio furniture layout and clearancethree.js · MITArrange furniture in a measured authored room with visible footprint and door-sweep checks. A written recipe (architecture-interiors…Terrain island with grounded explorationthree.js · MITCompose a traversable island around a ridge, sheltered inlet and readable path. A written recipe (environments-dioramas; authored): the…AR museum placement and occlusion uncertaintythree.js · MITPlace one museum object from a WebXR hit-test pose, optionally maintain an anchor and depth occlusion when separately enabled, and expose…XR museum world-scale teleport contractthree.js · MITNavigate a meter-authored museum using supplied walkable polygons and teleport targets while treating device bounded-floor geometry…