--- title: MarioKart.js Blew My Mind (Open Source + React + ThreeJS) description: A developer has recreated the classic multiplayer game Mario Kart using react and threejs, and the project is now open source. The game utilizes react 3 fiber,... canonical: https://daily.dev/posts/mariokart-js-blew-my-mind-open-source-react-threejs--imfrgfgan twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: MarioKart.js Blew My Mind (Open Source + React + ThreeJS) | daily.dev og:description: A developer has recreated the classic multiplayer game Mario Kart using react and threejs, and the project is now open source. The game utilizes react 3 fiber,... og:url: https://daily.dev/posts/mariokart-js-blew-my-mind-open-source-react-threejs--imfrgfgan og:image: https://api.daily.dev/og/posts/imFRgfGAn.png og:image:alt: MarioKart.js Blew My Mind (Open Source + React + ThreeJS) 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. # MarioKart.js Blew My Mind (Open Source + React + ThreeJS) **[Theo - t3․gg](https://daily.dev/sources/t3dotgg)** · 11 min read · 209 upvotes · 13 comments ## Summary A developer has recreated the classic multiplayer game Mario Kart using react and threejs, and the project is now open source. The game utilizes react 3 fiber, a wrapper for threejs that simplifies 3D rendering in webgl. The code is easy to read and understand, and the developer has included additional open source projects related to gamepad control and cart physics. The camera in react 3 fiber allows for easy manipulation of the game's viewpoint. The project also incorporates the use of libraries such as zustand for managing game state. ## 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. **@friedrich** · 4 upvotes > This project is very interesting and will be a game changing **@etsi0** · 4 upvotes > Its really cool what people can do with JavaScript **@brunocardoso** · 3 upvotes > this is incredible **@fluxsiarski** · 3 upvotes > 🤠**Angry Nintendo is writing a lawsuit** **@synonymouse** · 2 upvotes > You not need react for this project --- Tags: [#game-development](https://daily.dev/tags/game-development), [#open-source](https://daily.dev/tags/open-source), [#react](https://daily.dev/tags/react), [#threejs](https://daily.dev/tags/threejs), [#webdev](https://daily.dev/tags/webdev) [View this post on daily.dev](https://daily.dev/posts/mariokart-js-blew-my-mind-open-source-react-threejs--imfrgfgan) ```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":"MarioKart.js Blew My Mind (Open Source + React + ThreeJS)","url":"https://daily.dev/posts/mariokart-js-blew-my-mind-open-source-react-threejs--imfrgfgan","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/mariokart-js-blew-my-mind-open-source-react-threejs--imfrgfgan"},"datePublished":"2024-02-28T10:26:34.368Z","dateModified":"2026-04-02T02:15:57.404Z","description":"A developer has recreated the classic multiplayer game Mario Kart using react and threejs, and the project is now open source. The game utilizes react 3 fiber,...","image":"https://i.ytimg.com/vi/mvqPWay9ABI/sddefault.jpg","thumbnailUrl":"https://i.ytimg.com/vi/mvqPWay9ABI/sddefault.jpg","isAccessibleForFree":true,"articleSection":"Theo - t3․gg","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":"Theo - t3․gg","logo":"https://media.daily.dev/image/upload/s--UmX7IyU3--/f_auto/v1704628081/logos/t3dotgg.jpg","url":"https://daily.dev/sources/t3dotgg"},"commentCount":13,"discussionUrl":"https://daily.dev/posts/mariokart-js-blew-my-mind-open-source-react-threejs--imfrgfgan","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":209},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":13}],"keywords":"game-development,open-source,react,threejs,webdev","timeRequired":"PT11M","video":{"@type":"VideoObject","name":"MarioKart.js Blew My Mind (Open Source + React + ThreeJS)","description":"A developer has recreated the classic multiplayer game Mario Kart using react and threejs, and the project is now open source. The game utilizes react 3 fiber,...","thumbnailUrl":"https://i.ytimg.com/vi/mvqPWay9ABI/sddefault.jpg","uploadDate":"2024-02-28T10:26:34.368Z","duration":"PT11M","url":"https://api.daily.dev/r/imFRgfGAn","embedUrl":"https://www.youtube.com/embed/mvqPWay9ABI"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Theo - t3․gg","item":"https://daily.dev/sources/t3dotgg"},{"@type":"ListItem","position":3,"name":"MarioKart.js Blew My Mind (Open Source + React + ThreeJS)"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/mariokart-js-blew-my-mind-open-source-react-threejs--imfrgfgan","comment":[{"@type":"Comment","text":"This project is very interesting and will be a game changing","datePublished":"2024-02-28T17:31:58.282Z","url":"https://daily.dev/posts/imFRgfGAn#c-8aEvXK68g","author":{"@type":"Person","name":"Friedrich WT","url":"https://daily.dev/friedrich","image":"https://avatars.githubusercontent.com/u/136119888?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":4}},{"@type":"Comment","text":"Its really cool what people can do with JavaScript","datePublished":"2024-02-29T11:02:50.592Z","url":"https://daily.dev/posts/imFRgfGAn#c-aDowZ2twt","author":{"@type":"Person","name":"Albin Karlsson","url":"https://daily.dev/etsi0","image":"https://media.daily.dev/image/upload/s--OPeS_Pp9--/f_auto/v1709408456/avatars/avatar_dl9aKBVJcq2rhqlmlU6DN"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":4}},{"@type":"Comment","text":"this is incredible","datePublished":"2024-02-28T23:26:33.307Z","url":"https://daily.dev/posts/imFRgfGAn#c-JR595x5xD","author":{"@type":"Person","name":"Bruno Cardoso","url":"https://daily.dev/brunocardoso","image":"https://lh3.googleusercontent.com/a/AItbvmmXVyn0jQFfFfVOvgP_Ru5zlzPjSWmChUDuiADo=s100"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"🤠Angry Nintendo is writing a lawsuit","datePublished":"2024-03-01T15:11:44.793Z","dateModified":"2024-03-01T15:13:09.724Z","url":"https://daily.dev/posts/imFRgfGAn#c-H3ZM1Nwz1","author":{"@type":"Person","name":"Wiktor Zieliński","url":"https://daily.dev/fluxsiarski","image":"https://media.daily.dev/image/upload/s--b4R3i2ix--/f_auto/v1738605548/avatars/avatar_sOwqAvoaU41kPN46gdZKK"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"You not need react for this project","datePublished":"2024-02-29T11:13:18.392Z","url":"https://daily.dev/posts/imFRgfGAn#c-serjyOTuH","author":{"@type":"Person","name":"synonymouse","url":"https://daily.dev/synonymouse","image":"https://avatars2.githubusercontent.com/u/13904950?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}}]} ```