ReflectiveCard
Tarjeta metálica que refleja tu webcam y la luz.
- Código: RODD·CP·038
- Familia: Componentes
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/ReflectiveCard-TS-TW
Cuándo usarlo
Sustituyen a un componente estándar cuando la experiencia es parte del producto.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| blurStrength | number | 12 |
| metalness | number | 1 |
| roughness | number | 0.4 |
| displacementStrength | number | 20 |
| noiseScale | number | 1 |
| specularConstant | number | 1.2 |
| grayscale | number | 1 |
| glassDistortion | number | 0 |
| color | string | white |
| overlayColor | string | rgba(255, 255, 255, 0.1) |
Otros efectos de componentes
- Stepper — Asistente de pasos con transiciones animadas.
- AnimatedList — Lista que aparece elemento a elemento, como notificaciones.
- BubbleMenu — Menú de burbujas que se expande con elementos escalonados.
- CircularGallery — Galería curva infinita que se arrastra o se desplaza con scroll.
- DepthCarousel — Tarjetas en un raíl 3D con profundidad, arrastre y autoplay.
- ElasticSlider — Slider cuyo tirador se estira y vuelve con muelle.