React component for embedding Unicorn.Studio interactive scenes with TypeScript support. Compatible with React (Vite) and Next.js.
npm install unicornstudio-react
A React component for embedding Unicorn.Studio interactive scenes in your applications. Compatible with both React (Vite) and Next.js frameworks.
> ⚠️ Important: This package is a community-created wrapper component and is not officially affiliated with Unicorn.Studio. It depends on Unicorn.Studio's proprietary script and services.
- 🚀 Easy Integration - Simple React component for Next.js projects
- 🎨 Full TypeScript Support - Complete type definitions included
- ⚡ Performance Optimized - Lazy loading and efficient resource management
- 📱 Responsive - Works seamlessly across devices
- 🎮 Interactive - Support for mouse/touch interactions
- 🔧 Flexible - Extensive customization options
- 🧹 Clean Architecture - Proper cleanup and memory management
- 🛡️ Error Handling - Comprehensive error states and fallbacks
``bash`
npm install unicornstudio-reactor
yarn add unicornstudio-reactor
pnpm add unicornstudio-react
This package supports both React (Vite/CRA) and Next.js environments with optimized imports:
Use the default import for standard React applications:
`tsx
import UnicornScene from "unicornstudio-react";
export default function MyComponent() {
return (
);
}
`
Use the Next.js-optimized version with enhanced performance:
`tsx
import UnicornScene from "unicornstudio-react/next";
export default function MyComponent() {
return (
);
}
`
> Note: The Next.js version uses Next.js Script and Image components for better performance and optimization. The React version uses standard