DomeGallery

Cúpula 3D de imágenes que giras con el dedo.

  • Código: RODD·CP·016
  • Familia: Componentes
  • Origen: React Bits (David Haz) · Licencia MIT + Commons Clause

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/DomeGallery-TS-TW

Cuándo usarlo

Sustituyen a un componente estándar cuando la experiencia es parte del producto.

Props para personalizarlo

PropTipoPor defecto
images(string | { src: string; alt?: string })[]DEFAULT_IMAGES
fitnumber0.5
fitBasis'auto' | 'min' | 'max' | 'width' | 'height''auto'
minRadiusnumber600
maxRadiusnumberInfinity
padFactornumber0.25
overlayBlurColorstring'#120F17'
maxVerticalRotationDegnumber5
dragSensitivitynumber20
enlargeTransitionMsnumber300
segmentsnumber35
dragDampeningnumber2
openedImageWidthstring'400px'
openedImageHeightstring'400px'
imageBorderRadiusstring'30px'
openedImageBorderRadiusstring'30px'
grayscalebooleantrue

Otros efectos de componentes

  • 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.
  • SpecularButton — Botón de cristal con luz especular que recorre su borde.