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 453 of 2,295Show everything
No preview yet · 419
Canopy Part Titlethree.js · Link onlyLeaves sweep through the frame and part to reveal the headline. Idea only: The repo's CREDITS.md says the origin of its two leaf textures…Code 3D Extrudethree.js · Apache-2.0Syntax-highlighted code on a lit, beveled 3D slab that rotates through real space and settles to a readable rest — true WebGL depth and…Code Particle Assemblethree.js · Apache-2.0Thousands of GPU points scatter through space and fly to the exact glyph pixels of the code, resolving into readable syntax-highlighted…Code Shader Dissolvethree.js · Apache-2.0The code compiles into existence: a GPU fragment shader resolves it out of seeded noise with a chromatic dissolve front and edge glow, then…Cuboid Carouselthree.js · Apache-2.0A chain of bevelled cuboids rides a traveling wave as a content carousel.Exploded Stackthree.js · Apache-2.0Isometric layer plates explode apart with a label beside each layer, hold, then collapse back into one stack. Built for architecture and…Frost Sequence Camera Orbitthree.js · Link onlyAn orbiting camera follows an ice logo as it breaks apart, reforms into two text moments, and fades. Idea only: The repo's CREDITS.md says…Gallery Tunnelthree.js · Apache-2.0An infinite corridor of panels: a square tunnel receding to a vanishing point, its floor, ceiling and walls tiled with saturated color…Glass Herothree.js · Apache-2.0A solid glass object rises in front of a giant headline and keeps turning, so the type bends and splits into color through it.Glass Shard Titlethree.js · Link onlyGlass shards fly in through fog and tile themselves into the headline. Idea only: The repo's CREDITS.md says the origin of its matcap image…iOS 26 Liquid Glass Home Screenthree.js · Apache-2.03D iPhone with a normal iOS 26 home screen, liquid glass app icons, shader wallpaper, dock, and fluid glass notifications that drop from…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.macOS Tahoe Liquid Glass Desktopthree.js · Apache-2.03D MacBook with a macOS Tahoe-style desktop, glass menu bar, Finder window, dock, and cinematic device camera move. The repo marks it…Orbit Cardthree.js · Apache-2.0A single feature card orbits a dot sphere on approved Blender camera motion.Product Turntablethree.js · Apache-2.0A product turns a full revolution on a studio plinth in a seamless loop. Drop in a GLB or glTF model, or keep the built-in drink can with…Spiral Galaxythree.js · Apache-2.0A spiral galaxy seen from outside, turning with real differential rotation: inner stars orbit faster than outer ones, so the arms wind up…iPhone & MacBook 3D Showcasethree.js · Apache-2.0Real GLTF iPhone 15 Pro Max and MacBook Pro models with live HTML-in-Canvas screen content, morphing glass lens, product review camera…Liquid Backgroundthree.js · Apache-2.0Organic liquid simulation with vertex displacement on a subdivided plane. HTML content floats above rippling fluid surface with real-time…Liquid Glassthree.js · Apache-2.0A sample landing page (headline and stat cards) seen through a liquid-glass parallax layer, drawn with HTML-in-canvas and WebGL. The repo…Portalthree.js · Apache-2.0A sample light-mode page opens through a portal into a second page: an HTML-in-canvas WebGL transition. The repo marks it experimental.Shatterthree.js · Apache-2.0A sample page breaks like glass to show the page behind it: HTML-in-canvas panels shattered in WebGL. The repo marks it experimental.Wireframe Portal Titlethree.js · Apache-2.0A wireframe portal bursts open, the title comes through, then its letters swap into a second phrase.Three Orbiting Cardsthree.js · Apache-2.0A Three.js-powered orbit scene driven by a paused GSAP timeline for deterministic renders. Paste-in snippet: it registers no timeline, you…Path-Traced 3Dthree.js · Apache-2.0A three.js scene with a fast raster preview and an opt-in path-traced export, with three-gpu-pathtracer vendored beside it. In the examples…threejs-animationthree.js · Link onlythree.js animation: keyframes, skeletons, morph targets, mixing.threejs-fundamentalsthree.js · Link onlythree.js basics: scene, cameras, renderer, object hierarchy, coordinates.threejs-geometrythree.js · Link onlythree.js geometry: built-in shapes, buffer geometry, custom shapes, instancing.threejs-interactionthree.js · Link onlythree.js interaction: raycasting, controls, pointer input, selection.threejs-lightingthree.js · Link onlythree.js lighting: light types, shadows, environment lighting.threejs-loadersthree.js · Link onlythree.js asset loading: glTF, textures, HDR environments, async patterns.threejs-materialsthree.js · Link onlythree.js materials: PBR, basic, shader materials and their properties.threejs-postprocessingthree.js · Link onlythree.js post-processing: bloom, depth of field, screen effects.threejs-shadersthree.js · Link onlythree.js shaders: GLSL, uniforms, custom effects.threejs-texturesthree.js · Link onlythree.js textures: types, UV mapping, environment maps, settings.threejs-world-generationthree.js · Link onlyBuilding editable three.js worlds you can fly a camera through, from text or a structured brief.FlatPanelthree.js · Apache-2.0A flat textured panel with a contact shadow for real 3D page shots.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…three.js r186 and addons (bundled)three.js · Apache-2.0The three.js module build and stock example add-ons (loaders, post-processing passes, RoundedBox and Text geometry), edited only to import…opentype.js 1.3.4 (bundled)three.js · Apache-2.0Font parser used to extrude 3D text. MIT (Frederik De Bleser and contributors); bundles tiny-inflate and a codePointAt polyfill, both MIT.threejs-game-directorthree.js · MITThe entry skill: sets how far to take a three.js browser game from the user's own words (a small arcade game is not a request for the…threejs-gameplay-systemsthree.js · MITHow to make a playable loop: a one-page design brief, a core-loop contract proved in code, a level plan, then small ownership folders…threejs-game-ui-designerthree.js · MITHow to design a game's HUD, menus and touch controls as game interface, not a web dashboard: hierarchy (status, objective, feedback…threejs-debug-profilerthree.js · MITHow to find why a three.js page is blank, broken or slow: reproduce first, then an ordered checklist for blank canvases (canvas size, WebGL…threejs-qa-releasethree.js · MITHow to prove a three.js game works the way a player meets it: build, open in a real browser, check console errors and non-blank canvas…threejs-3d-generatorthree.js · MITDrives the paid Tripo API to make 3D models for a three.js project: text to 3D, image to 3D, texturing, auto-rigging, animation…threejs-image-generatorthree.js · MITDrives Google's Gemini image API to make the 2D layer of a 3D project: concept sheets, clean reference images for image-to-3D, texture…threejs-audio-generatorthree.js · MITDrives the paid ElevenLabs API for game sound: short sound effects, looping ambience, music tracks, spoken lines, voice conversion from a…Renderer and environment map setupthree.js · MITFive lines that give a scene studio reflections with no HDR file: sRGB output, ACES tone mapping, and a RoomEnvironment baked once through…Painted metal materialthree.js · MITClearcoat over a colored base, for a car body or a hull panel. One line of three.js; assumes the environment map setup.Bare brushed metal materialthree.js · MITRaw steel that needs the environment map to read as metal. One line of three.js; assumes the environment map setup.Rubber materialthree.js · MITNear-black, almost no reflection, for tyres and grips. One line of three.js; assumes the environment map setup.Matte plastic materialthree.js · MITMid roughness with a muted reflection, for housings and crates. One line of three.js; assumes the environment map setup.Glossy ceramic materialthree.js · MITA sharp wet-look reflection with full clearcoat. In our trial the white version bloomed as hard as the emissive ball under a bright light…Emissive signal materialthree.js · MITA dark base with a glow strong enough to feed bloom, for beacons, status lights and pickup cores. One line of three.js; assumes the…Cloth materialthree.js · MITHigh roughness plus sheen for the soft edge highlight of fabric. One line of three.js; assumes the environment map setup.Real refractive glass materialthree.js · MITTrue transmission for one or two hero surfaces seen close. Costly: every transmissive material adds a whole extra scene render each frame…Cheap fake glass materialthree.js · MITTransparent clearcoat with no extra render pass, for repeated windows, visors and shields. One line of three.js; assumes the environment…Fresnel rim glowthree.js · MITAdds a colored glow at the grazing edges of a standard material by injecting three lines of GLSL with onBeforeCompile, so the lit material…Scrolling emissive panelsthree.js · MITBands of light that travel along a surface, for energy conduits, charge bars and data flowing through a pipe. Time is one uniform (uTime)…Wind swaythree.js · MITSways grass cards, flags or cables in the vertex shader, anchored at the base, with each instance of an InstancedMesh out of phase by its…Dissolve and spawnthree.js · MITMakes an object appear or vanish in small blocks with a glowing edge. One uniform, uProgress from 0 to 1, is the whole state, which makes…Gradient sky domethree.js · MITA back-facing sphere with a small shader: a top color, a horizon color, a sun disc and its halo. One draw call and no textures, for any…Post-processing chainthree.js · MITThe finishing pass: EffectComposer with a render pass, bloom (strength 0.45, radius 0.3, threshold 0.85), a small vignette shader, and…Vertex-colour ambient occlusionthree.js · MITDarkens creases by baking a color attribute into the mesh: contact shading with no texture and no extra draw call.Polygon-offset decalsthree.js · MITA flat mesh laid on a surface with polygonOffset so it does not flicker: panel lines, numbers and marks.Fake contact shadowthree.js · MITA flat plane with a radial-gradient canvas texture under an object: grounds a floating thing with one draw call and no shadow map.Emissive level-of-detail signalsthree.js · MITRaise emissiveIntensity or swap material by distance so far lights still read; keep the color the same so identity survives.Matcap propsthree.js · MITMeshMatcapMaterial bakes lighting into one texture: the cheapest lit-looking material for background props. It ignores scene lights.TweenManager and three easingsthree.js · MITA 40-line tween runner with easeInQuad, easeOutCubic and easeOutBack (the one that overshoots), advanced by a delta you pass in. No…Trauma-based screenshakethree.js · MITCamera shake where shake equals trauma squared, trauma decays 1.4 per second and is capped at 1, and the noise comes from accumulated time…Hitstopthree.js · MITA 60 to 90 ms near-freeze on a heavy hit: scale the gameplay delta to 0.05 while the camera and feedback keep real time. In a video it is…Squash and stretchthree.js · MITDeform on impact and bounce back with easeOutBack, keeping volume: when one axis scales by s the other two scale by 1 / sqrt(s). About 0.9…Camera kick and FOV punchthree.js · MITAdd 4 to 8 degrees of field of view on a boost or a hit and let it decay with a 0.2 s time constant; remember updateProjectionMatrix()…Impact flashthree.js · MITPulse a material's emissiveIntensity to a peak and tween it back in 0.22 s; for big events add a one-frame white overlay div fading over…Pickup popthree.js · MITA collected thing scales up to 1.6, rises and fades over 0.28 s, with a 120 ms scale punch on its counter. A good recipe for a number or an…Gamepad rumblethree.js · MITFeature-detected controller vibration with a swallowed promise. Interactive use only; nothing to render. Code is in the reference page…Audio pitch variance and duckingthree.js · MITVary each playback's pitch by plus or minus 6 percent from a seeded generator so repeats do not sound machine-made, and duck the bed under…Rapier setup with a fixed timestepthree.js · MITHow to add real physics to a three.js scene: Rapier's world, a 1/60 s fixed step fed by a clamped accumulator, bodies and colliders…Loop.tsthree.js · MITA 30-line animation loop: requestAnimationFrame, delta in seconds capped at 0.05, update then render. It reads the browser's clock; to…Renderer.tsthree.js · MITcreateRenderer (antialias, sRGB output, ACES tone mapping at 1.05 exposure, PCF shadows) and resizeRenderer, which keeps canvas size, pixel…CameraRig.tsthree.js · MITA follow camera at a fixed offset that eases toward its target with an exponential lag (1 - exp(-dt / lag)) and looks slightly ahead of it…random.ts (seeded random)three.js · MITmulberry32 in nine lines: createSeededRandom(seed) returns a function that gives the same sequence every time. The thing to use in place of…dispose.tsthree.js · MITdisposeObject3D walks a three.js object and frees its geometries, materials and every texture on them. Use it when a scene is torn down so…InputController.tsthree.js · MITKeyboard (WASD and arrows, Space or Shift to dash) and a touch stick merged into one movement vector, with pointer-cancel handling so a…AudioSystem.tsthree.js · MITA Web Audio context unlocked on the first key or pointer press, and one synthesised pickup blip (a triangle wave swept up over 0.12 s)…GameAudio manager shapethree.js · MITA 25-line Web Audio manager: unlock on a gesture, load and decode buffers by id, play through named gain groups (master, sfx, ui, ambience…3dviz-pro-maxthree.js · MITOne agent skill for making 3D scenes and explainers in three.js, with Blender as an optional helper. A ten-step workflow (intent, reason…Arm in Motionthree.js · MITA registered bone-and-muscle elbow study with an approximate hinge and opposing biceps/triceps shape changes. Example study (anatomy and…Inside the Brainthree.js · MITA registered-anatomy inspection of selected cortical gyri, white matter, cerebellum, and brainstem components. Example study (anatomy and…Breath by Breaththree.js · MITA registered lung-lobe study with an authored thoracic expansion field, schematic diaphragm, and directional airway cues. Example study…The Living Heartthree.js · MITA registered-anatomy heart study with an anterior cutaway, selected vessels and valves, and an authored cardiac-cycle pose. Example study…The Moving Kneethree.js · MITA registered bone assembly for resting, exploded, and approximate hinge inspection of the knee. Example study (anatomy and physiology): a…Upper-body Muscle Atlasthree.js · MITA source-registered inspection atlas for selected upper-body muscle portions and their skeletal framework. Example study (anatomy and…Coopered barrel kitthree.js · MITA coopered oak barrel with bulged staves, four iron hoops and a three-plank head, parameterised by height, radius, stave count, bulge and…Biped walker kitthree.js · MITA hatted village figure - tapering torso, belted tunic, two-joint legs and arms - with a procedural walk cycle whose arms counter-swing the…Two-wheeled farm cart kitthree.js · MITA two-wheeled farm cart with eight-spoke wheels, a planked bed, side stanchions and draught shafts, with an animate(dt) that rolls the…Pegged clothesline kitthree.js · MITTwo braced poles carrying a sagging line of pegged washing, each sheet at its own width, drop, yaw and lean, parameterised by span, height…Nailed shipping crate kitthree.js · MITA nailed shipping crate of horizontal planks between four corner posts, with a diagonal brace and a battened lid, parameterised by size…Paddock fence run kitthree.js · MITA paddock fence of instanced posts carrying three sagging rail courses, parameterised by length_m, post count, height, sag and seed. A…Iron post lantern (blender gltf) kitthree.js · MITA Blender-authored wrought iron post lantern exported as a 136 KB GLB: post on a stepped base, brass collars, hook arm with a diagonal…Wrought iron lantern post kitthree.js · MITA wrought iron lantern post: stepped base flare, a tapering collared shaft, a scrolled bracket and a glazed head whose panes are emissive…Five-bay timber long hall kitthree.js · MITA five-bay timber long hall with two doors, a covered porch, a hanging sign and a chimney at each end of the ridge, parameterised by width…Trestle market stall kitthree.js · MITA trestle market stall with a striped canopy that sags between its posts, a scalloped valance, a plank counter on trestles, crates, sacks…Quadruped walker kitthree.js · MITA four-legged village animal - barrel body, arched neck, horned head, three-segment legs and a tail - with a procedural diagonal-pair walk…Instanced water reeds kitthree.js · MITA clump of instanced reed blades on a faceted tussock, with seed heads carried on the blade tips and an animate(dt) that bends every blade…Glacial rock cluster kitthree.js · MITA scatter of part-buried boulders built from five facet-jittered shapes and a pebble ring, parameterised by count, spread and seed, with an…Battered round stone tower kitthree.js · MITA battered round stone tower with a corbelled crenellated crown, a conical cap and banner, arrow slits spiralling up the shaft, and an…Hanging signboard kitthree.js · MITA hanging tavern sign: stepped stone foot, timber post, a scrolled iron bracket and a bevelled board with a raised border and a carved boss…Segmental-arch stone bridge kitthree.js · MITA single segmental-arch stone bridge with a voussoir ring and raised keystone, coursed spandrels, four cutwaters, a cobbled deck and a…Stone guildhall (blender gltf) kitthree.js · MITA Blender-authored stone guildhall exported as a 661 KB GLB: plinth, string course, capped chimney, a twelve-course tiled gable roof…Timber-framed cottage kitthree.js · MITA two-bay timber-framed cottage with a tiled gable roof, inset windows and a chimney socket, parameterised by width, depth, storeys, roof…Conifer with countable boughs kitthree.js · MITA conifer with a flared root collar, a leaning tapered bole and eight whorls, each a skirt with nine boughs poking past it, with sway(dt)…Round-crowned broadleaf tree kitthree.js · MITA broadleaf tree with a flared root collar, a four-segment leaning trunk, four branches and a crown of seven overlapping canopy lobes, with…Watermill with a turning wheel kitthree.js · MITA two-storey stone-and-timber mill with an overshot wheel on a wheel socket, a launder feeding it, a first-floor loading door under a hoist…Stone draw-well kitthree.js · MITA stone draw-well: three courses of dressed blocks under a coping ring, two posts, a shingled gable roof, a cranked windlass with coiled…timber-cottage-t3 (baked hero GLB)three.js · MITThe T3 hero: the cottage module's own geometry, baked in Blender. A 1.8 to 1.9 MB GLB: bevelled edges, one UV atlas, baked color, occlusion…watermill-t3 (baked hero GLB)three.js · MITThe T3 hero: the watermill module's own geometry, baked in Blender. A 1.8 to 1.9 MB GLB: bevelled edges, one UV atlas, baked color…bevelled-box primitivethree.js · MITThe base solid of every kit: a chamfered block that can carry edge wear. A building part used inside the building kits; it has no catalog…chimney primitivethree.js · MITA brick stack with corbelled courses, a stone cap and a clay pot. A building part used inside the building kits; it has no catalog record…