reframe/ui
reframe/ui

Command Palette

Search for a command to run...

3D Glass Donut

Installation

Install Dependencies

Copy and Paste the component

@/components/reframe-ui/3d-glass-donut.tsx
PRO COMPONENT

Unlock with PRO

This component is exclusive to reframe/ui PRO.
Get instant access to all premium components and templates.

Usage

Props

NameTypeDefaultRequiredDescription
textstring-YesText to render inside the donut.
textColorstring-NoText color.
textPosition[number, number, number]-NoText position.
fontstring-NoFont to use.
fontSizenumber-NoFont size.
fontWeightnumber-NoFont weight.
donutRotationnumber-NoDonut rotation.
donutMaterialPropsobject-NoDonut material properties.
lightIntensitynumber-NoLight intensity.
lightPosition[number, number, number]-NoLight position.
environmentPresetstring-NoEnvironment preset.
© Copyright 2025. All rights reserved.Built by @thommysart