CssBox
Caja 3D hecha solo con CSS que puedes rotar.
- Código: RODD·CP·052
- Familia: Componentes
- Origen: Fancy Components (Daniel Petho) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://fancycomponents.dev/r/css-box.json"
Cuándo usarlo
Sustituyen a un componente estándar cuando la experiencia es parte del producto.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| width | number | |
| height | number | |
| depth | number | |
| className | string | |
| perspective | number | 600 |
| stiffness | number | 100 |
| damping | number | 30 |
| showBackface | boolean | false |
| faces | CubeFaces | {} |
| draggable | boolean | true |
Otros efectos de componentes
- DragElements — Elementos que puedes arrastrar y lanzar.
- FlyingPosters — Pósters 3D que vuelan en bucle con el scroll.
- InfiniteMenu — Esfera infinita de elementos navegable con arrastre.
- MagicCard — Tarjeta con un foco de luz que sigue al cursor e ilumina sus bordes.
- ModelViewer — Visor de modelos 3D con órbita e iluminación.
- PixelCard — Tarjeta que se revela con una expansión de píxeles.