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
In words · 106
AI Answer RankIs 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…HTML · Apache-2.0A whole sceneAI Chat RevealA 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 -…HTML · Apache-2.0A whole sceneApp ShowcaseFitness app product showcase with three floating smartphone screens.HTML · Apache-2.0A whole sceneBlue Sweater Intro VideoWarm AI creator intro sequence that resolves into an X follow card for @_blue_sweater_. Credited to Joe Sai. Idea only: It is a named…HTML · Link onlyA whole sceneChatGPT ExchangeA portrait ChatGPT-style exchange types and sends a prompt, streams an answer, assembles a comparison table, and scrolls back through the…HTML · Apache-2.0A whole sceneClaude ExchangeA portrait Claude-style exchange types a prompt, works through search and reasoning steps, then streams a detailed answer with citations…HTML · Apache-2.0A whole sceneHeyGen Avatar Promo CardA portrait HeyGen offer card pairs a moving avatar mosaic with bold promotional typography and a branded callout. Credited to HeyGen. Idea…HTML · Link onlyA whole sceneLiquid Glass NotificationFrosted glass notification cards floating over an aurora shader background. The repo marks it experimental.three.js · Apache-2.0A whole sceneLiquid Glass WidgetsFrosted glass stat cards, showcase panel and pill chips over an aurora shader background. The repo marks it experimental.three.js · Apache-2.0A whole sceneLottie Character WalkA 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…HTML · Apache-2.0A whole sceneMessage Thread RevealA full text conversation plays out on a phone - bubbles popping in, typing indicators, a shared link card, emoji, delivered receipts - with…HTML · Apache-2.0A whole sceneNotes RevealA personal note is typed character by character in a notes app - caret riding every letter, the page scrolling up on measured settle curves…HTML · Apache-2.0A whole sceneNotification CascadePhone notifications land one after another and stack up the screen, each banner pushing the pile down as it arrives, before the whole stack…HTML · Apache-2.0A whole sceneShare-Sheet CarouselA 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…HTML · Apache-2.0A whole sceneSlack Notification AdA portrait lock screen fills with escalating Slack video requests before HeyGen delivers the payoff. Copies the look of Slack; that brand…HTML · Link onlyA whole sceneThread Message StackA source-owned editable conversation stack with arbitrary incoming and outgoing messages.HTML · Apache-2.0A whole sceneVPN YouTube SpotSnappy Apple-style YouTube insert showing a phone finding and installing a friendly VPN app with sound effects. Credited to Stronkter.HTML · Apache-2.0A whole sceneAvatar CloudLettermark avatars populate a loose elliptical cloud while fine SVG links draw between the community and its central proof label.HTML · Apache-2.0A whole sceneCamera Scan GateA camera and QR recognition moment with a viewfinder sweep, bracket lock, confirmation pulse, and verified next beat.HTML · Apache-2.0A whole sceneChat MessageOne message arrives on the measured entry - scale 0.75, 0.12s, growing from its sender's corner. Credited to Miao Yang.HTML · Apache-2.0A whole sceneChat ThreadThe measured conversation as one mountable scene at full fidelity: status bar, back badge, avatar and name pill, bubbles with real iMessage…HTML · Apache-2.0A whole sceneNotes TypingThe notes-app confession as a mountable scene: a bold title, then body lines typed character by character on the measured human keystroke…HTML · Apache-2.0A whole sceneNotification PileupMobile notification cards arrive faster and faster, each new alert pushing the existing stack downward into a dense, anxious tower.HTML · Apache-2.0A whole sceneNotification Stack1 to 5 token notification cards slide-settle into a vertical stack on cues, newest on top; one card grows slightly and brightens as the…HTML · Apache-2.0A whole sceneOnboarding Stepper FlowA composed onboarding flow with milestone rail, active step card, and next-action button. Paste-in snippet: it registers no timeline, you…HTML · Apache-2.0A whole sceneOverwhelm SurroundTasks, tabs, pings, and notification bubbles accelerate inward around a calm central subject, turning overload into visible spatial…HTML · Apache-2.0A whole sceneScroll FeedA loop-friendly column of varied skeleton post cards scrolls upward with subtle motion trails and an agitated pace.HTML · Apache-2.0A whole sceneSettings Toggle FlowA composed settings flow with preference rows, toggle switches, and active-state feedback. Paste-in snippet: it registers no timeline, you…HTML · Apache-2.0A whole sceneSignup FlowA composed signup flow with social action, email field, password field, and submit button. Paste-in snippet: it registers no timeline, you…HTML · Apache-2.0A whole sceneToggle FlipAn oversized UI toggle switch that flips with real physicality: thumb overshoot, track color crossfade, and a soft press-compress before…HTML · Apache-2.0A whole sceneVector Editor RigA dark design-tool app chrome with a live vector pen path, sequential anchor points, bezier handles, a selection frame, and theme-driven…HTML · Apache-2.0A whole sceneDecision TreeStarter project: animated flowchart with branching paths.Starter · Apache-2.0A whole sceneKinetic TypeStarter project: bold kinetic typography promo.Starter · Apache-2.0A whole sceneNYT GraphStarter project: animated data chart in print editorial style.Starter · Apache-2.0A whole scenePlay ModeStarter project: playful elastic animations.Starter · Apache-2.0A whole sceneProduct PromoStarter project: multi-scene product showcase with SVG assets.Starter · Apache-2.0A whole sceneSwiss GridStarter project: structured grid layout.Starter · Apache-2.0A whole sceneVignelliStarter project: bold typography with red accents.Starter · Apache-2.0A whole sceneWarm GrainStarter project: cream aesthetic with grain texture.Starter · Apache-2.0A whole sceneblank (starter)The default starter: one black 1920×1080 page with a title and an empty paused timeline. Ships inside the npm package. Tried: init…Starter · Apache-2.0A whole sceneremotion-createStarting a new Remotion project or composition: scaffold with the create-video starter (blank, no Tailwind), open Studio straight away…Skill · Link onlyA whole sceneanimation/asset-directorHow 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…Skill · Link onlyA whole sceneavatar-spokesperson/asset-directorHow 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…Skill · Link onlyA whole scenecharacter-animation/asset-directorHow 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…Skill · Link onlyA whole scenecinematic/asset-directorHow 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…Skill · Link onlyA whole sceneclip-factory/asset-directorHow 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…Skill · Link onlyA whole scenedocumentary-montage/asset-directorHow 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…Skill · Link onlyA whole sceneexplainer/asset-directorHow 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…Skill · Link onlyA whole scenehybrid/asset-directorHow 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…Skill · Link onlyA whole scenelocalization-dub/asset-directorHow 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…Skill · Link onlyA whole scenepodcast-repurpose/asset-directorHow 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…Skill · Link onlyA whole scenescreen-demo/asset-directorHow 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…Skill · Link onlyA whole scenetalking-head/asset-directorHow 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…Skill · Link onlyA whole scenemocap-figure exampleThe runnable example: a 21.8-second page where a pencil line becomes a stick figure that walks, runs, dances, kicks, sits and waves, with…HTML · Link onlyA whole scenescaffold_atelier_project.pyCreates the empty project layout for a hand-written ('atelier') Remotion composition: the registration boilerplate and folders, with a…Tool · Link onlyA whole sceneasset_manifest schemaThe inventory of assets made or found. A JSON Schema; required fields: version, assets.Starter · Link onlyA whole sceneradial-ripple-phone-chipsFour concentric gray circles breathe out of phase like water ripples while a centered phone mockup auto-scrolls its feed and two white…Shot recipe · Apache-2.0A whole sceneautolayout-gap-dialA gap value dial pushes a row of blocks apart in real time while badge digits tick, then everything springs back into place.Shot recipe · Apache-2.0A whole scenecanvas-materialize-moves2 named moves on one card: panel-to-canvas (Checkboxes tick themselves, then table rows arc out of the panel and morph mid-flight into…Shot recipe · Apache-2.0A whole scenechip-grid-single-select-blackoutFive option chips fade in, then a single gray press frame flashes before the chosen chip turns solid black with a tiny bounce while the…Shot recipe · Apache-2.0A whole sceneglass-pill-dictation-typingA fixed-width glass pill pops in slightly oversized and settles, glowing with an accent gradient inside that fades out as a placeholder…Shot recipe · Apache-2.0A whole scenehashtag-to-pill-materializeA 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.Shot recipe · Apache-2.0A whole scenepicker-carousel-feature-cycleA vertical mobile-style picker holds its focus pill still while the list passes through it, each item decelerating hard into place and…Shot recipe · Apache-2.0A whole scenesegmented-thumb-heroAn oversized segmented control gets a close-up: a cursor slides in, presses, and the white thumb snaps to the other segment as icons swap…Shot recipe · Apache-2.0A whole scenetheme-switch-moves2 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…Shot recipe · Apache-2.0A whole scenedataviz-landscape-openStreams of light merge across a dark data landscape while labels hover and a shallow-depth camera glides forward.Shot recipe · Apache-2.0A whole scenefractureTwenty-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…Shot recipe · Apache-2.0A whole sceneInk Press templateA 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…Starter · Apache-2.0A whole sceneFixtures.tsx (fake dashboard parts)Stand-in UI for demos: FakeDashboard, Card, TitleBlock and a gray palette. 647 lines; 23 demo files use it.Remotion · Apache-2.0A whole scene_legacy (66 retired demos)66 demos removed from the library in October 2026, kept frozen only so old workbench projects still open. The repo says not to pick from…Remotion · Apache-2.0A whole scenereadme-workflow (README banner source)The editable source of the README's eight-second workflow loop (1440x540), a HyperFrames HTML composition, not Remotion.HTML · Apache-2.0A whole scenedemo page screenshots (_textures)25 files: full-page and per-card screenshots of the author's demo product (a research tracker, partly in Chinese) with a layout json. 13…Skill · Link onlyA whole scenefilm.html (starting film)The page every film starts from: a 1920x1080 stage, the runtime wired in, a Motion.film() call and the seek hooks the renderer drives. It…Starter · Apache-2.0A whole sceneexamples/phoneA 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…HTML · Apache-2.0A whole sceneUI demo recipe A: prompt, send, agent resultA 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…Shot recipe · Apache-2.0A whole sceneUI demo recipe B: toggle, cascade, claimA 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…Shot recipe · Apache-2.0A whole sceneUI demo recipe C: drag, drop, output cascade, headlineA 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…Shot recipe · Apache-2.0A whole sceneUI demo recipe D: checklist, revealA 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…Shot recipe · Apache-2.0A whole sceneUI demo recipe E: select from a carousel, commit into a formA 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…Shot recipe · Apache-2.0A whole sceneGuide: Scene designA short method for a believable scene: block out at real size and check through the camera before spending on assets, when to generate…Blender · MITA whole sceneGuide: Level designGame levels in Blender: player metrics first, blockout, modular kits and engine-ready output.Blender · MITA whole scenearchvizArchitectural stills: check real-world scale first, 24 to 35 mm for interiors with verticals corrected, HDRI plus practical lamps, layered…Blender · MITA whole sceneenvironment-artistModular environments: grid sizes for walls, facades and roads, the kit pieces a set needs (corner, edge, fill, door, trim), real-world…Blender · MITA whole scenescene-assemblyLaying out a large scene: a collection structure (layout, modular geo, set dressing, lights, cameras, FX), collection instances against…Blender · MITA whole sceneset-dressingPlacing 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…Blender · MITA whole sceneVesper demo recordingA 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…Skill · Link onlyA whole scenescaffold-vite-threejsA 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…Starter · MITA whole sceneAccessible route clearances and turning spacePlace a cited turning space in a room and, separately, sweep a conservative clearance envelope, keeping the two reports distinct instead of…three.js · MITA whole sceneBuilding service layer coordinationInspect invented building services with layer toggles and explicit geometric clash markers. A written recipe (architecture-interiors…three.js · MITA whole sceneCityGML stable-ID scenario differencerCompare a finite set of supplied CityGML-derived urban alternatives by stable feature identity, CRS, epoch and declared attribute/geometry…three.js · MITA whole sceneConstruction task dependency and building playbackLink supplied construction tasks, times and finish-start dependencies to stable building-element identities, then scrub the resulting…three.js · MITA whole sceneCourtyard house cutawayReveal a fictional courtyard dwelling while keeping room boundaries and levels legible. A written recipe (architecture-interiors…three.js · MITA whole sceneDaylight and shading study over a dayDrive shadows from a documented solar position algorithm and keep the difference between geometry and photometry explicit. A written recipe…three.js · MITA whole sceneFantasy village dioramaCompose a small invented settlement around a memorable landmark, readable paths, and contrasting building silhouettes. A written recipe…three.js · MITA whole sceneFinite egress-network capacity playbackMove a finite supplied occupant count through a directed route network with integer travel steps, per-step arc capacities and a declared…three.js · MITA whole sceneHistorical diorama with evidence layersOrganize a site reconstruction so documented remains and interpretive additions can be inspected separately. A written recipe…three.js · MITA whole sceneKarst cave network with vertical connectivityCompose an underground world where the interesting decisions are vertical: which chamber connects to which, and by what route. A written…three.js · MITA whole sceneAccessible museum route and object inspectionBuild a navigable gallery whose route, landmarks and exhibit inspection stay connected, with equivalent controls for essential spatial…three.js · MITA whole sceneNight market street with layered lightBuild a dense street where the lighting is made of many small owned sources and the crowd flows along readable lanes. A written recipe…three.js · MITA whole sceneReversible branching storybook spatial sceneTurn narrative choices into distinct spatial dioramas while preserving authoritative branch state, checkpoints and a truthful back/reset…three.js · MITA whole sceneFloating archipelago with wind-driven travelAuthor a fictional world whose invented rule set is stated and consistently enforced, so travel between islands has real constraints. A…three.js · MITA whole sceneStair flight geometry and handrail heightGenerate a stair from riser and tread dimensions and check it against published provisions instead of eyeballing it. A written recipe…three.js · MITA whole sceneStudio furniture layout and clearanceArrange furniture in a measured authored room with visible footprint and door-sweep checks. A written recipe (architecture-interiors…three.js · MITA whole sceneTerrain island with grounded explorationCompose a traversable island around a ridge, sheltered inlet and readable path. A written recipe (environments-dioramas; authored): the…three.js · MITA whole sceneAR museum placement and occlusion uncertaintyPlace one museum object from a WebXR hit-test pose, optionally maintain an anchor and depth occlusion when separately enabled, and expose…three.js · MITA whole sceneXR museum world-scale teleport contractNavigate a meter-authored museum using supplied walkable polygons and teleport targets while treating device bounded-floor geometry…three.js · MITA whole scene