# 3D Logo Animation

> PrismFold 3D Logo Animation is a clean, modern 3D logo component built using React, TypeScript, and Three.js (React Three Fiber).  The logo features a smooth folded-shape design with subtle depth, lighting, and animation — ideal for brand intros, landing page hero sections, portfolios, and SaaS websites.  The component is lightweight, fully customizable, and easy to integrate into any React frontend. All key properties such as colors, rotation speed, camera angle, and animation behavior can be controlled through props or a single configuration object.  Designed for developers and designers who want high-quality 3D visuals without heavy setup.

- Author: [Mohith Am](https://21st.dev/@mohitham1220)
- Library: Mohith Am
- License: unknown
- npm dependencies: three, @react-three/fiber
- Live preview: https://21st.dev/@mohitham1220/components/prism-fold-3d-logo-animation

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/mohitham1220/prism-fold-3d-logo-animation?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt