OrbitalRings
Rotating 3D rings/gyroscopes effect using Three.js.
Usage
import { OrbitalRings } from '@reactomega/ui';
export default function App() {
return (
<div className="relative h-screen w-full">
<OrbitalRings color="#8b5cf6" speed={1} radius={1} />
</div>
);
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
| color | string | "#8b5cf6" | Color of the rings |
| speed | number | 1 | Speed of rotation |
| radius | number | 1 | Radius of the rings |