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)…