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