Best of threejsFebruary 2026

  1. 1
    Article
    Avatar of phProduct 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.

  2. 2
    Video
    Avatar of designcourseDesignCourse·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.

  3. 3
    Article
    Avatar of game_developersGame 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.

  4. 4
    Article
    Avatar of codropsCodrops·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.