Open-source ThreeUI Community catalog with live interactive components and complete Community source.
3D force-directed graph component using ThreeJS/WebGL
React component for 2D, 3D, VR and AR force directed graphs
The Official Khronos WebGL Repository
WebGL 2 lessons starting from the basics
An interactive five-chapter night walk through a Kyoto mountain temple, rendered live in Three.js.
3D BIM IFC Viewer SDK for AEC engineering applications. Open Source JavaScript Toolkit based on pure WebGL for top performance, real-world coordinates and full double precision
50 open-source skills that teach your AI coding agent to make motion graphics, animation & video — kinetic typography, data-viz, explainers, TikTok/Reels, WebGL, Manim. 14 installable packs. By iart.ai, the AI motion agent.
An interactive demo of an iOS 26 style Liquid Glass effect for the web
Build motion-first, high-touch creative websites on vanilla Three.js / Canvas 2D / WebGL / CSS. A Claude Agent Skill with real physics and automated verification.
An original single-file Three.js library of seven interactive clothbound hardcovers.
Open-source AI interfaces built with Claude (Fable 5) including hero sections, GLSL shaders, design systems, animations, 3D components and and landing pages, in React, Tailwind, and Three.js. Plug them into your AI agent and ship faster.
Real-time, photoreal shallow water in a single HTML file. WebGL2, no libraries, no build step.
An interactive Three.js landscape study with a procedural, pointer-responsive moss world.
抽象代数:结构之美 | Canvas/WebGL animation and procedural soundtrack
A tower builds itself from the ground up in four and a half seconds: a Japanese tenshu, a Chinese pagoda or a Thai prang, in one self-contained HTML file.
A complete first-person shooter in a single 290 KB HTML file. No build step, no assets, no dependencies beyond three.js from a CDN.
WebGL fluid glass card interface generator — agent skill + zero-dependency reference implementation. Apache-2.0.
A single-file Three.js studio concept with an interactive Kyoto lobby, arcade, portfolio CRTs, and editorial case studies.
Real-time spectral FFT ocean in a single HTML file — WebGL2 + three.js, JONSWAP/TMA spectrum, 3 cascades, physical foam, caustics and underwater. No build step.
SAMURAI-console 2026: The Ultimate Cybersecurity Command Center for Ethical Hackers
Water tracking concept: the fill level is a real fluid sim reacting to your gyroscope. One WebGL shader, zero dependencies.
Interactive Japanese koi pond garden rendered in real time with Three.js — one HTML file, no build step, no assets.
A continuous interactive walk through a Kyoto residence, with procedural Three.js architecture, gardens, seasons and responsive photography.
A procedural cinematic short film with a Higgsfield-generated score, sound effects, and narration.
A xenobotany engine grown from auxin transport. Leaf arrangement, veins, silhouettes, petals and fruit all emerge from the chemistry. Nothing about the plant's shape is drawn.
摸鱼浮画是一个纯前端的 2D 插画伪 3D 化工具:上传一张 2D 图片,它能自动生成深度图并算出法线贴图,然后在 WebGL 里实时渲染出视差立体感和动态光照,你可以随意添加、拖动彩色灯光,调出想要的氛围,最后导出 PNG。界面全中文,图片全程在浏览器本地处理。
墨韵 · A sheet of rice paper that breathes: real-time GPU ink fluid, a pentatonic guqin, and an invisible hand that paints a new landscape every time.
一个有趣的3D WebGL制作的小游戏,无需复杂部署流程,即开即玩。 线上预览项目地址👇