Topics / #threejs

Threejs projects on GitHub

JavaScript library wrapping WebGL for 3D scenes in the browser.

As of , the most-starred Threejs projects on GitHub are ui-ux-pro-max-skill (136.6K stars), three.js (116.5K stars) and react-bits (49.5K stars). GitHub.Locker tracks 73 Threejs repositories with 597K stars combined. The fastest-growing on October 16 was qwen21-nsfw-pose-skill, with +350 stars in a day.

73Projects
597KStars in total
+1.9KStars in a day
Browse in the catalog →github.com/topics/threejs ↗

Hot right now

Most stars gained in a day · Oct 16

+350

qwen21-nsfw-pose-skill

Arekejoker/qwen21-nsfw-pose-skill · ★ 2.6K

A local recipe (agent skill) for generating NSFW and pose-controlled images with Qwen-Image 2.1, combining an author-level prompt formula, a mandatory NSFW LoRA, and a 136-pose 3D doll library for precise pose control.

+335

ui-ux-pro-max-skill

nextlevelbuilder/ui-ux-pro-max-skill · ★ 136.6K

UI UX Pro Max is an AI skill that gives coding assistants design intelligence — industry-specific style, color, typography and UX reasoning rules — so they can generate professional UI/UX across many frameworks and platforms.

+246

lemo-opuscar

lemomo-ai/lemo-opuscar · ★ 2.8K

Lemo-Opuscar is a Claude Code skill that lets Claude Opus 5.5 direct, draw, score and mix short films entirely in code, with 43 ready-made film styles you can apply to your own story.

+202

awesome-opus5-5-videos

yihui-dev/awesome-opus5-5-videos · ★ 5.6K

A curated, growing collection of viral videos made with Claude Opus 5.5, each paired with the exact prompt its creator shared and a link to the original post.

The all-time top

73 projects · by stars

  1. #1 · nextlevelbuilder/ui-ux-pro-max-skill

    ui-ux-pro-max-skill

    UI UX Pro Max is an AI skill that gives coding assistants design intelligence — industry-specific style, color, typography and UX reasoning rules — so they can generate professional UI/UX across many frameworks and platforms.

    136.6K
  2. #2 · mrdoob/three.js

    three.js

    It's a JavaScript 3D library for the browser: the project aims to be easy-to-use, lightweight, cross-browser and general-purpose. Around since 2010, now over 116,000 GitHub stars.

    116.5K
  3. #3 · DavidHDev/react-bits

    react-bits

    React Bits is an open-source library of animated, interactive React UI components for building eye-catching websites - 165+ ready-made components covering text animations, backgrounds and UI elements.

    49.5K
  1. 4

    react-three-fiber

    33Kpmndrs/react-three-fiber · TypeScript

    react-three-fiber is a React renderer for Three.js: you build 3D scenes declaratively with reusable, self-contained components that react to state, are readily interactive and plug into the whole React ecosystem.

  2. 5

    GDevelop

    27.6K4ian/GDevelop · JavaScript

    GDevelop is an open-source, no-code game development app for building 2D, 3D and multiplayer games. It is designed to be fast and intuitive for everyone.

  3. 6

    editor

    24.9Kpascalorg/editor · TypeScript

    Pascal Editor is an open-source, local-first 3D building editor: you sketch walls, floors, zones and furniture in a browser-rendered scene, and AI agents can drive that same scene through MCP.

  4. 7

    multipleWindow3dScene

    18.9Kbgstaal/multipleWindow3dScene · JavaScript

    A small demo showing how to keep a single 3D scene visually continuous across multiple separate browser windows, using Three.js for rendering and localStorage to sync window positions and state.

  5. 8

    img2threejs

    18.3Kimg2threejs/img2threejs · Python

    A coding-agent skill that rebuilds an object from one reference image as a code-only, procedural Three.js model — a TypeScript THREE.Group factory built from primitives and shaders, not photogrammetry or mesh files.

  6. 9

    aframe

    17.7Kaframevr/aframe · JavaScript

    A-Frame is a web framework for building 3D, AR, and VR experiences directly in the browser using declarative HTML, built on top of three.js and WebXR.

  7. 10

    AR.js

    15.8Kjeromeetienne/AR.js · HTML

    AR.js is a lightweight library for augmented reality on the Web. It lets you build AR experiences that run right in the browser, with marker-based and location-based AR support.

  8. 11

    opentui

    13.6Kanomalyco/opentui · TypeScript

    OpenTUI is a library for building terminal user interfaces — interactive, text-mode apps that run in the terminal, written in TypeScript.

  9. 12

    electrobun

    12.9Kblackboardsh/electrobun · TypeScript

    Electrobun is a framework for building fast, tiny, cross-platform desktop apps written entirely in TypeScript, with its own bundled build tooling, runtime, and native platform layer.

  10. 13

    theatre

    12.8Ktheatre-js/theatre · TypeScript

    Theatre.js is an animation library for high-fidelity motion graphics on the web. It is designed for detailed animation — intricate movement and nuance — and can be used both programmatically and visually.

  11. 14

    tween.js

    10.1Ktweenjs/tween.js · TypeScript

    A tweening engine for JavaScript and TypeScript: it animates things by smoothly interpolating an object's properties over time, using optimised Robert Penner's easing equations.

  12. 15

    Skills

    6.8KMengTo/Skills · HTML

    A curated collection of 123 reusable 'agent skills' (Markdown playbooks with optional demos, scripts, and references) for designers and builders using AI coding agents like Codex, Claude, and Cursor to build UIs, games, and automated workflows.

  13. 16

    threeui

    6.7KMengTo/threeui · HTML

    ThreeUI Community is the open-source, login-free edition of a React component catalog built around Three.js/WebGL and shader-driven UI components, with a live interactive browsing site.

  14. 17

    server-survival

    6.4Kpshenok/server-survival · JavaScript

    Server Survival is an interactive 3D tower-defense-style game where you play a Cloud Architect, building and scaling cloud infrastructure to survive growing traffic and DDoS attacks while learning real cloud architecture concepts.

  15. 18

    git-city

    5.8Ksrizzon/git-city · TypeScript

    Git City turns every GitHub profile into a unique 3D pixel art building inside an interactive city — the more you contribute, the taller your building grows.

  16. 19

    awesome-opus5-5-videos

    5.6Kyihui-dev/awesome-opus5-5-videos

    A curated, growing collection of viral videos made with Claude Opus 5.5, each paired with the exact prompt its creator shared and a link to the original post.

  17. 20

    openreel-video

    5.4KAugani/openreel-video · TypeScript

    OpenReel Video is a free, open source browser-based video editor positioned as a CapCut alternative, offering a multi-track timeline, color grading, effects and 4K export, with everything running client-side.

  18. 21

    canvas-ui

    5KDavidHDev/canvas-ui · TypeScript

    Canvas UI is an open-source library of creative canvas components for building live, interactive web effects. Each component draws fluid simulations, shader effects, or 3D scenes directly over your real, still-clickable HTML.

  19. 22

    human-atlas

    4.3Kashemag/human-atlas · TypeScript

    An interactive 3D anatomy explorer that runs in your browser: the BodyParts3D adult male reference taken apart into 2,234 individually selectable meshes, 15 anatomical systems, and 3,432 searchable named concepts.

  20. 23

    pdoom-video

    2.8Kmexicat/pdoom-video · TypeScript

    A generative, code-rendered music video for the song 'I'm Upping My P(doom)' with word-synced karaoke-style typography, where every frame is a deterministic function of song time.

  21. 24

    lemo-opuscar

    2.8Klemomo-ai/lemo-opuscar · JavaScript

    Lemo-Opuscar is a Claude Code skill that lets Claude Opus 5.5 direct, draw, score and mix short films entirely in code, with 43 ready-made film styles you can apply to your own story.

  22. 25

    qwen21-nsfw-pose-skill

    2.6KArekejoker/qwen21-nsfw-pose-skill · Python

    A local recipe (agent skill) for generating NSFW and pose-controlled images with Qwen-Image 2.1, combining an author-level prompt formula, a mandatory NSFW LoRA, and a 136-pose 3D doll library for precise pose control.

  23. 26

    threejs-game-skills

    2.5Kmajidmanzarpour/threejs-game-skills · Python

    A set of nine self-contained skill packages (SKILL.md files) that teach Codex and Claude Code how to build playable, polished Three.js browser games end-to-end, including gameplay, AAA-style graphics, UI, QA, and optional AI-generated 3D, image, and audio assets.

  24. 27

    floorplan-3d

    2.4Kwy51ai/floorplan-3d · HTML

    A pure front-end floor plan and interior design tool: you lay out furniture, knock down or add walls, and measure dimensions on a 2D plan, then flip to a Three.js 3D scene for a bird's-eye view or a first-person walkthrough.

  25. 28

    holo-card-studio

    2KEverettFish/holo-card-studio · Python

    Holo Card Studio is a Codex Skill that turns a plain-language description or an uploaded reference image into a finished, editable Blender holographic trading card plus an interactive Three.js web page you can drag, flip and tilt to see the foil effect.

  26. 29

    dream-loop

    1.7Kachimala/dream-loop · JavaScript

    An agent skill that makes a coding AI build a game, app, or 3D scene with impressive visuals by looping: dream up a target screenshot with image generation, build toward it, have a critic subagent compare the live result to the target, and repeat until it matches.

  27. 30

    Stronghold-Protocol

    1.6Ksganggs/Stronghold-Protocol · JavaScript

    Stronghold Protocol: Covenant is an unofficial, non-commercial fan remake of a seasonal Arknights auto-chess tower-defense mode, playable in the browser solo or with 1-4 players in co-op.

  28. 31

    aetherviz-master

    1.5Kandyhuo520/aetherviz-master

    AetherViz Master is an AI-powered Claude Code skill that turns any teaching topic into an immersive, interactive 3D educational webpage, mixing Three.js 3D scenes with SVG charts.

  29. 32

    artcraft-services

    1.2Kstorytold/artcraft-services · Rust

    This is the backend, HTTP API, background workers, and web frontends for ArtCraft, an AI generation platform that creates images, video, audio, meshes, and splats.

  30. 33

    motion-video-kit

    1.1Kechris6/motion-video-kit · Python

    A Claude Code skill kit (also usable as plain context for any LLM) that packages the process for making premium, launch-style AI business videos — a critic loop, motion grammar, quality checks, audio rules, a business playbook and Three.js patterns, drawn from studying 28 professional SaaS launch films.

  31. 34

    get-it

    1.1Kbeltromatti/get-it · JavaScript

    Get It. is a desktop study app that turns a PDF into a measurable mastery map: it tags key concepts in the document, renders interactive visualizations for them (3D scenes, animations, formulas, graphs), builds a knowledge graph, and tracks your real understanding through chat, flashcards, quizzes, and the Feynman technique.

  32. 35

    barehands

    1.1Kjaredrhod/barehands · HTML

    Barehands turns your webcam into a hand-tracked interface for an AI: notes, images, and 3D models float over your camera feed as glass cards that you pinch, throw, stretch, and explode apart with your bare hands, no headset or controllers required.

  33. 36

    desktop-fly

    1.1KDenisSergeevitch/desktop-fly · Swift

    DesktopFly is a 3D fruit fly that lives on your macOS desktop, animated by a live spiking simulation built from the real FlyWire fly-brain connectome (and a motor circuit from the MaleCNS dataset).

  34. 37

    mg-styles-15

    960Vincentwei1021/mg-styles-15 · Python

    A collection of 15 ten-second motion-design films, each in a different visual style, all made by Claude Opus 5.5 writing code from a single text prompt. The repo publishes every film along with its style notes, full prompt and complete source code.

  35. 38

    ohmygame

    918WhiteTowerAI/ohmygame · TypeScript

    OhMyGame is an open-source desktop app that acts as a one-person game studio: an AI agent writes the design doc, generates art, video and 3D assets, codes the game, playtests it, and publishes a shareable link, all from one canvas.

  36. 39

    agenttrail

    907sodiumsun/agenttrail · JavaScript

    Agenttrail is a local observability tool that watches AI coding agents like Codex and Claude Code and turns their activity into a live visual view, without piecing together multiple terminal windows.

  37. 40

    jarvis

    881ethanplusai/jarvis · Python

    JARVIS is a voice assistant for Claude Code: a butler you talk to on your Mac. He brainstorms a project with you out loud, writes the agreed design to a spec file, then starts a real Claude Code session and drives the build.

  38. 41

    RhineLabUI

    826LBEILC/RhineLabUI · TypeScript

    This is a non-official, fan-made recreation of the Rhine Lab terminal interface from the Arknights special PV 'Rhine Lab: Access', turned into an interactive 3D web app where you browse and inspect 40 archive files.

  39. 42

    bot-crossing

    822Station-Sciences/bot-crossing · JavaScript

    Bot Crossing is a local 3D visualization that turns every AI coding-agent session on your machine into a tiny astronaut in a colony: each repo becomes a hex zone, and each session/thread is an astronaut building on it.

  40. 43

    guizang-product-video-skill

    820op7418/guizang-product-video-skill · Python

    A Claude Code / Codex agent skill that turns a product's own codebase into a polished update or promo video: it writes the script, reuses the product's real UI components for the shots, animates them with code, and composes an original soundtrack and sound effects, then renders an MP4 plus an editable video project.

  41. 44

    neonplan3d

    792Mastershort/neonplan3d · TypeScript

    NeonPlan 3D lets you draw your home as rooms, walls, doors, windows and furniture right inside Home Assistant, then control your lights, covers, climate, media and cameras live in a neon-styled 3D view.

  42. 45

    dsh-genui

    614omdsh-dev/dsh-genui · TypeScript

    dsh-genui is a plugin for DeepSeek Harness (DSH) that turns a model's text reply into an interactive, inline UI — charts, tables, forms, quizzes, Mermaid diagrams, 3D scenes — using a special dsh-ui code fence, with an event loop that sends UI interactions back to the model.

  43. 46

    Hermes3D

    594iamlukethedev/Hermes3D · TypeScript

    Hermes3D is a self-hosted 3D virtual office where you can watch your AI agents work in real time, as they collaborate, review code, run standups, and ship pull requests, instead of reading logs and dashboards.

  44. 47

    CodeVideoModel

    569code-video-model/CodeVideoModel · Python

    CodeVideoModel is a research pipeline that turns a text prompt into an editable Three.js scene codebase, converts that scene into a reference image, and then renders a final video with the MiniMax-H3 model. It also ships CodeVideoBench, a benchmark of 22 evaluation cases for this code-to-video workflow.

  45. 48

    threejs-architecture-effects

    568lhlGitHub/threejs-architecture-effects · TypeScript

    This is an Agent Skill for Codex, Claude Code, and Cursor that builds a real, orbitable Three.js building which assembles itself on a timeline — brick courses, timber frame, dougong brackets, layered eaves, and procedural PBR materials — without needing a paid 3D model or an API key.

  46. 49

    house-control

    5560xProbabillity/house-control · Swift

    House Control turns your home into a live 3D model shown in the Mac menu bar and on an iPhone, letting you see and control real lights and air conditioners through Smart Life/Tuya, Home Assistant, Philips Hue and Apple Home.

  47. 50

    RuiC-card-skill

    555HRuiCcc/RuiC-card-skill · JavaScript

    RuiC Card Skill is a Codex Agent Skill that turns a one-sentence description (or a reference image) into an interactive 3D holographic trading-card webpage with layered parallax depth, delivered together with an editable Blender project.

  48. 51

    create-photo-flipbook-ui

    530HaichaoLihc/create-photo-flipbook-ui · JavaScript

    A Codex skill that turns a folder of user photos into a working photobook website, using a bundled 2D HTML flipbook runtime plus optional 3D Three.js/WebGL template examples.

  49. 52

    fable51-worlds

    523PhiloLabs/fable51-worlds · JavaScript

    This project turns a single brief - a sentence, a photograph, or a video clip - into a walkable 3D world, generated by Claude-based agent swarms called 'Fable 5.1' that research the real place, model it, render it, and verify it.

  50. 53

    Viscose-carousel

    515Yousuf-developer/Viscose-carousel · JavaScript

    Viscose is a portfolio carousel rendered entirely as a single WebGL fragment shader. Cards sit on a ring that's mostly off-screen; as they come together they melt into each other like liquid, and as they pull apart they draw thin threads between them.

  51. 54

    beadrelief

    488pgp00/beadrelief · TypeScript

    BeadRelief turns any image into an editable bead pattern (like Perler beads) or a multicolor 3MF relief for 3D printing, entirely inside your browser.

  52. 55

    open-sea-skin

    397d-dev0101/open-sea-skin · JavaScript

    Open Sea Skin is an animated, WebGPU-powered ocean theme for DeepSeek Harness (DSH) that adds adjustable waves, a sunset cycle, and glass opacity to the Harness new-tab/homepage.

  53. 56

    paper-aquarium

    352MrMoT9I/paper-aquarium · JavaScript

    Paper Aquarium turns a hand-colored paper fish into a swimming 3D fish on a big screen: a child colors a printed sheet, photographs it with a phone, and the fish appears swimming in a web-based aquarium scene built with three.js.

  54. 57

    sylva

    348MengTo/sylva · HTML

    Sylva is an interactive Three.js landscape study: a procedural, moss-covered root grows through an editorial conservation scene and reacts to the pointer as if it were alive.

  55. 58

    awesome-astra-prompts

    343TripoGrowthLab/awesome-astra-prompts · JavaScript

    A curated, regularly refreshed collection of 200+ GPT-6 Astra prompts and 3D examples for building games, Blender scenes, Three.js/Unity/Unreal projects and other interactive worlds, each with a preview and links to the source.

  56. 59

    3d-asset-server

    315arielshad/3d-asset-server · TypeScript

    3d-asset-server searches 19 different 3D asset sites at once (Poly Haven, ambientCG, BlenderKit, Kenney, and more) and downloads whatever you pick, ready to drop into a game or website.

  57. 60

    motion-bricks.cpp

    301localai-org/motion-bricks.cpp · C++

    A C++23/GGML port of NVIDIA MotionBricks: a neural network that turns keyframe commands into skeletal character animations, for games and robots. It runs on CPU or Vulkan and exposes a stable C API.

  58. 61

    natural-disasters

    287Token-Gremlin/natural-disasters · JavaScript

    ABYSSAL is a fully procedural cinematic ocean and extreme-weather simulation that runs entirely in a browser tab, rendering multi-cascade FFT ocean waves, volumetric clouds, hurricanes and tsunamis with zero external assets, built on Three.js, WebGL2 and GLSL3.

  59. 62

    image-to-3d-pipeline

    278dreamers-laboratory/image-to-3d-pipeline · JavaScript

    A pipeline that reconstructs 3D meshes from a handful of AI-generated images using several open-source models, scores the results against a fixed Blender inspection protocol, and serves the winning mesh in a browser-based WebGL explorer.

  60. 63

    model-x-studio

    263ashemag/model-x-studio · TypeScript

    It is an interactive 3D Tesla Model X studio in the browser: a circular display platform with component descriptions, individual-piece isolation, and a progressive explosion slider covering all 334 mesh pieces of the car.

  61. 64

    dioramas

    256blendi-remade/dioramas · JavaScript

    Dioramas is a free, open-source framework for building cinematic, interactive 3D websites where the 3D scene itself is the page — a detailed object, real lighting, a choreographed camera, and one touchable interaction. It ships with 20 complete example sites built using it.

  62. 65

    vistep

    240int64ago/vistep · TypeScript

    vistep.ai is a bilingual collection of short visual stories that explain everyday mechanisms, science and computation, letting you watch a process happen and then experiment with the underlying model.

  63. 66

    saas-motion-kit

    238tugrawork-creator/saas-motion-kit · Python

    A production kit for making promo and motion videos for software products with HyperFrames and Claude Code, built around one rule: no two films should look the same. It gives you a 7-stage playbook, a 24-transition atlas, 100 storyboard themes and a variety-audit script that flags repeated effects before you build.

  64. 67

    scam-with-your-friends-web

    233mrzh7/scam-with-your-friends-web · TypeScript

    Scam With Your Friends — Web is an unofficial, open-source browser remake of the Steam game 'Scam With Your Friends'. You run a scam call center in a 3D office, trick fictional AI callers into handing over fake money, hit a daily quota, and survive a brutal performance review — solo or in co-op with up to four friends over voice chat.

  65. 68

    LinearAbilityExtThreeJS

    214achrefelouafi/LinearAbilityExtThreeJS · JavaScript

    Elemental Sandbox is a skillshot VFX sandbox built with Three.js, Vite and hand-written GLSL, where you arm one of seven elemental abilities, aim it, and fire it with the mouse to watch procedurally generated fire, water, electricity and stone effects play out.

  66. 69

    clay-safari

    183cclank/clay-safari · JavaScript

    Clay Safari is a claymation-style, bilingual (Chinese/English) 3D interactive world for kids: you walk around a savanna built with Three.js and Blender-scripted models, click on 10 clay animals and 7 props, and hear their names and sounds in both languages.

  67. 70

    Jelly-Baby

    170scottstts/Jelly-Baby · JavaScript

    Jelly Baby is a small 3D web toy: a bouncy jelly character living on a tabletop that you poke, stretch, and bounce around on a swing or trampoline, with no goals or scoring.

  68. 71

    empire

    157thebuggeddev/empire · TypeScript

    Empire Atlas is an interactive 3D atlas that lets you explore domestic architecture across eight historical empires, from Ancient Egypt to the Mughal Empire, by orbiting detailed 3D dwelling models and reading annotated architectural features.

  69. 72

    genart-skill

    154camilleroux/genart-skill · JavaScript

    genart is a Claude Code plugin that teaches Claude the technical and ethical groundwork of generative art — seeding a PRNG from a token hash, deterministic rendering, trait and rarity design — and ships scripts to verify a sketch is actually deterministic before you mint it onchain.

  70. 73

    kantor-ai

    116kangkungmozzarella/kantor-ai · JavaScript

    Kantor Kita is an interactive 3D paper-model visualization of a four-floor office housing a 13-person team, combined with a simple local task tracker for that team.

Often tagged together