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)
- ๐ 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
| 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 |
# 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โโโ 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
- Input โ User enters a text prompt or uploads a reference image
- Submit โ Request sent to Hyper3D Rodin API with generation params
- Poll โ App polls task status every 3s with real-time progress bar
- Preview โ Completed 3D model rendered interactively in browser
- Export โ Download in preferred format (GLB/OBJ/FBX/STL)
Prince Khatik โ Founder, Innovix Solutions
LinkedIn ยท Portfolio ยท GitHub