dooi-ui
v0.3.1
Published
Curated UI Component Templates - React Three.js components
Downloads
17
Maintainers
Readme
DooiUI
Curated UI Component Templates - React Three.js components via npx
DooiUI provides curated, production-ready React components with Three.js integration. Browse and download beautiful 3D UI templates with a single npx command.
🚀 Quick Start
List Available Templates
npx dooi-ui listGet a Template
# Get a complete template
npx dooi-ui get landing-morphic
# Get a specific component
npx dooi-ui get ui/fluid-blob📦 Available Templates
| Template | Description | Dependencies |
|----------|-------------|--------------|
| fluid-blob | 3D animated blob with shader effects | three, @react-three/fiber |
| FluidBlobDemo | Hero section with lava lamp background | three, @react-three/fiber |
| ShuffleGridDemo | Animated image shuffle grid | framer-motion |
| landing-morphic | Complete landing page template | All above |
🛠️ Usage
Browse Templates
# List all available templates and components
npx dooi-ui listDownload Templates
# Get a complete template with all files
npx dooi-ui get landing-morphic
# Get a specific component
npx dooi-ui get ui/fluid-blob
npx dooi-ui get Hero/FluidBlobDemo🔧 Commands
npx dooi-ui list # List all templates
npx dooi-ui get <template-id> # Get template files
npx dooi-ui get <category>/<name> # Get component
npx dooi-ui help # Show help🏗️ Project Structure
DooiUI/
├─ data/ # Curated templates & components
│ ├─ components/ # Individual components
│ │ ├─ ui/ # UI primitives
│ │ ├─ Hero/ # Hero sections
│ │ └─ Cards/ # Card components
│ └─ templates/ # Complete templates
│ └─ landing-morphic/ # Landing page template
├─ bin.js # npx entry point
└─ package.json # Package configuration🤝 Contributing
- Fork the repository
- Add your templates to
data/components/ordata/templates/ - Update
data/index.json - Test with
npx dooi-ui startandnpx dooi-ui http - Submit a pull request
📄 License
MIT License - see LICENSE file for details.
🔗 Links
Made with ❤️ for the MCP community
