https://github.com/tomfanhm/box-art

This project is a small React application that generates colorful 3D box mesh PNG images, utilizing the React Three Fiber library for rendering 3D objects. Users can interactively customize the box mesh instances, adjusting colors and sizes to create visually appealing images.
https://github.com/tomfanhm/box-art

react react-three-drei react-three-fiber threejs vite

Last synced: 3 months ago
JSON representation

This project is a small React application that generates colorful 3D box mesh PNG images, utilizing the React Three Fiber library for rendering 3D objects. Users can interactively customize the box mesh instances, adjusting colors and sizes to create visually appealing images.

• Host: GitHub
• URL: https://github.com/tomfanhm/box-art
• Owner: tomfanhm
• License: mit
• Created: 2023-05-06T17:33:50.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-05-18T07:15:18.000Z (about 2 years ago)
• Last Synced: 2025-06-08T16:02:36.601Z (about 1 year ago)
• Topics: react, react-three-drei, react-three-fiber, threejs, vite
• Language: TypeScript
• Homepage: https://box-art-tom-fans-projects.vercel.app/
• Size: 821 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 🎨 React Three Fiber Box Art Generator

[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/licenses/MIT)

Generate colorful 3D box mesh PNG images using React Three Fiber.\

![Sample Image](./public/screenshot.png)

![Sample Image](./public/screenshot2.png)

This project is a small React application that generates colorful 3D box mesh PNG images, utilizing the React Three Fiber library for rendering 3D objects. Users can interactively customize the box mesh instances, adjusting colors and sizes to create visually appealing images.

## 🌟 Features

React Three Fiber for 3D rendering

Interactive UI for box mesh customization

Support for various colors

PNG image exporting

## 📜 License

This project is licensed under the MIT License.

## 🔗 Overall

This project is a great example of how React Three Fiber can be used to create interactive 3D graphics and export images in a React application. Whether you're a developer looking to add some visual flair to your project, or simply interested in exploring the capabilities of React Three Fiber, this project is definitely worth checking out!