3D Wrapper

This component transforms any content into an immersive, interactive 3D experience. It tracks cursor movements to animate a smooth rotation, creating a captivating depth effect.

Library

Badtz UI

Framework

React

Type

ui

License

MIT

Dependencies

clsx, motion, tailwind-merge

Install

npx shadcn@latest add https://badtz-ui.com/r/3d-wrapper.json

Files

• registry/new-york-v4/ui/3d-wrapper.tsx
• lib/utils.ts

Source

https://github.com/badtzx0/badtz-ui

Categories

• Container Components
• Tailwind CSS Container Components
• Animated Container Components
• Effect Components
• React Effect Components
• Tailwind CSS Effect Components
• Animated Effect Components
• Layout Components
• React Layout Components
• Tailwind CSS Layout Components
• Animated Layout Components
• Tilt Effect Components

More from Badtz UI

• Animated Card 1
• Animated Card 2
• Animated Card 3
• Animated Keyboard
• Animated List
• Blur Reveal
• Border Beam
• Button
• Cloud Orbit
• Confetti Button
• Cursor Cards
• Dock