--- title: floors.js: Turn your website into Habbo Hotel - one... description: 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... canonical: https://daily.dev/posts/floors-js-turn-your-website-into-habbo-hotel---one-script-tag-0qp2qf1ei twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: floors.js: Turn your website into Habbo Hotel - one script tag | daily.dev og:description: 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... og:url: https://daily.dev/posts/floors-js-turn-your-website-into-habbo-hotel---one-script-tag-0qp2qf1ei og:image: https://api.daily.dev/og/posts/0QP2qf1EI.png og:image:alt: floors.js: Turn your website into Habbo Hotel - one script tag og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # floors.js: Turn your website into Habbo Hotel - one script tag **[Product Hunt](https://daily.dev/sources/ph)** · 1 min read · 179 upvotes · 16 comments ## Summary 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. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@sofianebahmed** · 7 upvotes > impressive, if only there was a free 3 days trial... for example **@timmiebimmie** · 2 upvotes > It's nice to see some real innovative projects these days. No vibe coded AI slop, things that really add value to the ux. > Great work 👏 **@gledros** · 2 upvotes > It's priti-osom, works really well. Just try the demo at the landing page **@scisaif** · 1 upvotes > that's actually very impressive! **@ryntab** · 1 upvotes > This is genius. ## Similar posts on daily.dev - [Turn your site into a place people can bump into each other](https://daily.dev/posts/turn-your-site-into-a-place-people-can-bump-into-each-other-knqqondjp) · Lobsters · 1 upvotes · 0 comments --- Tags: [#javascript](https://daily.dev/tags/javascript), [#threejs](https://daily.dev/tags/threejs), [#webdev](https://daily.dev/tags/webdev) [View this post on daily.dev](https://daily.dev/posts/floors-js-turn-your-website-into-habbo-hotel---one-script-tag-0qp2qf1ei) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"floors.js: Turn your website into Habbo Hotel - one script tag","url":"https://daily.dev/posts/floors-js-turn-your-website-into-habbo-hotel---one-script-tag-0qp2qf1ei","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/floors-js-turn-your-website-into-habbo-hotel---one-script-tag-0qp2qf1ei"},"datePublished":"2026-02-25T09:33:10.223Z","dateModified":"2026-04-02T02:13:50.962Z","description":"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...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/0af64ab805550b6173a3b4b5a94077b3?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/0af64ab805550b6173a3b4b5a94077b3?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Product Hunt","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Product Hunt","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/ph","url":"https://daily.dev/sources/ph"},"commentCount":16,"discussionUrl":"https://daily.dev/posts/floors-js-turn-your-website-into-habbo-hotel---one-script-tag-0qp2qf1ei","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":179},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":16}],"keywords":"javascript,threejs,webdev","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Product Hunt","item":"https://daily.dev/sources/ph"},{"@type":"ListItem","position":3,"name":"floors.js: Turn your website into Habbo Hotel - one script tag"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/floors-js-turn-your-website-into-habbo-hotel---one-script-tag-0qp2qf1ei","comment":[{"@type":"Comment","text":"impressive, if only there was a free 3 days trial… for example","datePublished":"2026-02-28T07:43:20.970Z","url":"https://daily.dev/posts/0QP2qf1EI#c-NWbli7zmm","author":{"@type":"Person","name":"sofiane bahmed","url":"https://daily.dev/sofianebahmed","image":"https://media.daily.dev/image/upload/s--MZqKTqmw--/f_auto/v1784652779/avatars/avatar_oTugllRKORZTXJKL7BhLu?_a=BAMAMicg0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":7}},{"@type":"Comment","text":"It’s nice to see some real innovative projects these days. No vibe coded AI slop, things that really add value to the ux.\nGreat work 👏","datePublished":"2026-03-05T09:01:31.711Z","url":"https://daily.dev/posts/0QP2qf1EI#c-74MHYtDBl","author":{"@type":"Person","name":"TimmieBimmie","url":"https://daily.dev/timmiebimmie","image":"https://media.daily.dev/image/upload/s--TlaAOVeL--/f_auto/v1761108438/avatars/avatar_pAR6asFKh2cvJe3myrJL2?_a=BAMAK+ZW0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"It’s priti-osom, works really well. Just try the demo at the landing page","datePublished":"2026-03-11T19:41:22.990Z","url":"https://daily.dev/posts/0QP2qf1EI#c-jZAyL9zZc","author":{"@type":"Person","name":"Glenn Della Rocca","url":"https://daily.dev/gledros","image":"https://avatars.githubusercontent.com/u/6767732?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"that’s actually very impressive!","datePublished":"2026-03-05T10:50:08.966Z","url":"https://daily.dev/posts/0QP2qf1EI#c-WMHy94zJ1","author":{"@type":"Person","name":"Saifullah Rahman","url":"https://daily.dev/scisaif","image":"https://lh3.googleusercontent.com/a/ACg8ocJU6ix_HXgAaLgUUYMO9EO8Q9XohoC0PwK1NemM4VcnBNkoUUpNjw=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"This is genius.","datePublished":"2026-03-02T14:51:24.255Z","url":"https://daily.dev/posts/0QP2qf1EI#c-tLGBfV8Zd","author":{"@type":"Person","name":"Ryan Taber","url":"https://daily.dev/ryntab","image":"https://avatars.githubusercontent.com/u/57367794?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}]} ```