https://github.com/alexerlandsson/3d-model-maker
Simple tool to create pixelated 3D models built with HTML and CSS. Built using Next.js and CSS Modules.
https://github.com/alexerlandsson/3d-model-maker
3d css css-modules nextjs pixel-art
Last synced: about 1 month ago
JSON representation
Simple tool to create pixelated 3D models built with HTML and CSS. Built using Next.js and CSS Modules.
- Host: GitHub
- URL: https://github.com/alexerlandsson/3d-model-maker
- Owner: alexerlandsson
- Created: 2025-04-07T19:44:39.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-04-11T19:46:38.000Z (about 1 month ago)
- Last Synced: 2025-04-11T20:39:35.594Z (about 1 month ago)
- Topics: 3d, css, css-modules, nextjs, pixel-art
- Language: TypeScript
- Homepage:
- Size: 200 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 3D Model Maker
Simple tool to create pixelated 3D models in HTML and CSS based on two Pens I created on *CodePen*:
- [3D Model Maker (Core)](https://codepen.io/alexerlandsson/pen/bNGJWBR)
- [3D Model Maker (Crossy Road)](https://codepen.io/alexerlandsson/pen/pvoBPdK)
This version is an extension of the original idea, where you can create a 3D model by placing cubes in a 3D space. The cubes are created using CSS and can be moved around in 3D space.
## Screenshot
*Screenshot from an early stage. More features have been added.*
## Development
> [!NOTE]
> This project is a hobby and may or may not be maintained in the future.
### Run locally
This application is built using *Next.js*. To run it locally, run the following command.
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.