Best of threejs — February 2026

1. 1
   Article

   Product Hunt·7w

   floors.js: Turn your website into Habbo Hotel - one script tag

   floors.js is a lightweight JavaScript library (~4kb gzipped) that transforms any website into an isometric 3D social space inspired by Habbo Hotel. By pasting a single script tag, visitors appear as blocky avatars, can walk around, and chat in real-time via WebSockets. Built with vanilla JS and Three.js, it requires no framework, no cookies, no visitor signup, and is GDPR-friendly. It auto-detects page links as rooms and supports SPAs including React, Next.js, Vue, Nuxt, and Astro. The tool also enables site owners to see and message visitors in real-time while they browse.

   175

   15
2. 2
   Video

   DesignCourse·7w

   Claude Code Skills are the Future of Frontend

   A demonstration of Claude Code's custom 'skills' feature applied to frontend development, specifically creating a reusable Three.js shader hover effect skill. The author shows how to define a skill that prompts for configuration options (effect type, intensity, animation style) and then applies chromatic aberration, wave, or distortion WebGL effects to gallery images in a vanilla HTML project. The broader argument is that building a library of such reusable AI skills will replace manual Stack Overflow research and become the dominant workflow for frontend developers.

   173

   18
3. 3
   Article

   Game Developers·9w

   BirdMMO!

   A developer built a multiplayer bird photography MMO in 2 days using AI-assisted development with Three.js and Socket.io. The game features 30 biomes, day/night cycles, an achievement system, and collection mechanics. The project demonstrates rapid prototyping capabilities with modern web technologies and AI coding assistance.

   99

   39
4. 4
   Article

   Codrops·10w

   Making Motion Behave: Inside Vladyslav Penev’s Production-Ready Interaction Systems

   Vladyslav Penev shares his approach to building production-ready interactive web experiences, focusing on his StringTune library and StringTune-3D. He demonstrates how to create high-performance motion systems where CSS, WebGL, and DOM interactions work cohesively. Key techniques include GPU-accelerated effects, layout-driven 3D anchoring, scroll-based animations with inertia, and treating 3D objects as first-class UI citizens. The article walks through real projects (Fiddle.Digital, Kaleida) showing practical solutions for cursor interactions, video streaming optimization, shader-based transitions, and making Three.js obey web layout rules. Penev emphasizes building reusable modules, stress-testing under real constraints, and keeping motion systems predictable through normalized inputs.

   53