Skip to content

About

๐ŸŽจ Text-to-3D model generation web app using Hyper3D Rodin AI API. Next.js 15, TypeScript, Three.js, real-time progress, multi-format export.

Topics

Resources

Code of conduct

Contributing

Security policy

Stars

5 stars

Watchers

0 watching

Forks

Latest commit

ย 

History

13 Commits

Folders and files

Repository files navigation

๐ŸŽจ Hyper3D Rodin AI Generator

Text-to-3D Model Generation ยท Powered by Hyper3D Rodin API

Next.js TypeScript Tailwind CSS Hyper3D โญ 4 Stars


๐Ÿš€ What Is This?

A production-ready web application that converts text prompts and images into stunning 3D models using the Hyper3D Rodin AI API. Type a description โ†’ get a downloadable 3D model in seconds.

Live Demo: hyper3d-rodin.vercel.app (if deployed)


โœจ Features

  • ๐Ÿ“ Text-to-3D โ€” Describe anything, get a 3D model
  • ๐Ÿ–ผ๏ธ Image-to-3D โ€” Upload a reference image for guided generation
  • โšก Real-time Progress โ€” Live polling with generation status updates
  • ๐Ÿ“ฅ Multi-format Export โ€” Download as GLB, OBJ, FBX, STL
  • ๐ŸŽฎ Interactive 3D Preview โ€” Rotate, zoom, inspect in-browser
  • ๐ŸŒ™ Dark Mode UI โ€” Modern, polished interface with Tailwind CSS
  • ๐Ÿ“ฑ Fully Responsive โ€” Works on mobile, tablet, desktop

๐Ÿ› ๏ธ Tech Stack

Layer Technology
Framework Next.js 15 (App Router)
Language TypeScript (strict mode)
Styling Tailwind CSS + shadcn/ui
3D Rendering Three.js / @react-three/fiber
AI API Hyper3D Rodin REST API
State React hooks + Context
Package Manager pnpm
Deployment Vercel

โšก Quick Start

# 1. Clone
git clone https://github.com/Prince8085/Hyper3D-Rodin-AI-Generator-.git
cd Hyper3D-Rodin-AI-Generator-

# 2. Install dependencies
pnpm install

# 3. Configure environment
cp .env.example .env.local
# Add your Hyper3D Rodin API key:
# NEXT_PUBLIC_RODIN_API_KEY=your_key_here

# 4. Run
pnpm dev
# Open http://localhost:3000

๐Ÿ“ Project Structure

โ”œโ”€โ”€ app/
โ”‚   โ”œโ”€โ”€ page.tsx          # Main generation interface
โ”‚   โ”œโ”€โ”€ layout.tsx        # Root layout + metadata
โ”‚   โ””โ”€โ”€ globals.css       # Global styles
โ”œโ”€โ”€ components/
โ”‚   โ”œโ”€โ”€ GeneratorForm     # Text/image input form
โ”‚   โ”œโ”€โ”€ ModelViewer       # Three.js 3D preview
โ”‚   โ”œโ”€โ”€ ProgressTracker   # Real-time generation status
โ”‚   โ””โ”€โ”€ DownloadPanel     # Multi-format export
โ”œโ”€โ”€ hooks/
โ”‚   โ””โ”€โ”€ useRodinAPI       # API polling + state logic
โ””โ”€โ”€ lib/
    โ””โ”€โ”€ rodin.ts          # Hyper3D API client

๐ŸŽฏ How It Works

  1. Input โ€” User enters a text prompt or uploads a reference image
  2. Submit โ€” Request sent to Hyper3D Rodin API with generation params
  3. Poll โ€” App polls task status every 3s with real-time progress bar
  4. Preview โ€” Completed 3D model rendered interactively in browser
  5. Export โ€” Download in preferred format (GLB/OBJ/FBX/STL)

๐Ÿ‘จ๐Ÿ’ป Built By

Prince Khatik โ€” Founder, Innovix Solutions
LinkedIn ยท Portfolio ยท GitHub

About

๐ŸŽจ Text-to-3D model generation web app using Hyper3D Rodin AI API. Next.js 15, TypeScript, Three.js, real-time progress, multi-format export.

Topics

Resources

Code of conduct

Contributing

Security policy

Stars

5 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages