3D Glass Donut
Installation
Install Dependencies
Copy and Paste the component
@/components/reframe-ui/3d-glass-donut.tsx
Usage
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| text | string | - | Yes | Text to render inside the donut. |
| textColor | string | - | No | Text color. |
| textPosition | [number, number, number] | - | No | Text position. |
| font | string | - | No | Font to use. |
| fontSize | number | - | No | Font size. |
| fontWeight | number | - | No | Font weight. |
| donutRotation | number | - | No | Donut rotation. |
| donutMaterialProps | object | - | No | Donut material properties. |
| lightIntensity | number | - | No | Light intensity. |
| lightPosition | [number, number, number] | - | No | Light position. |
| environmentPreset | string | - | No | Environment preset. |
© Copyright 2025. All rights reserved.Built by @thommysart