Componentes React animados: menús, galerías y tarjetas

Piezas de interfaz completas: navegación, galerías, tarjetas, carruseles.

Cuándo usarlas: Sustituyen a un componente estándar cuando la experiencia es parte del producto.

• AccordionGallery — Paneles que se expanden al hover revelando imágenes con parallax.
• AnimatedBeam — Haces de luz que conectan elementos, ideal para integraciones.
• AnimatedList — Lista que aparece elemento a elemento, como notificaciones.
• AnimatedList — Lista con entrada escalonada y navegación con teclado.
• BorderGlow — Borde con brillo de malla degradada que sigue la dirección del cursor.
• BounceCards — Abanico de tarjetas que entran rebotando.
• BoxCarousel — Carrusel en forma de cubo 3D.
• BubbleMenu — Menú de burbujas que se expande con elementos escalonados.
• CardNav — Barra de navegación que se expande en paneles de tarjetas.
• CardSwap — Pila de tarjetas que se intercambian solas.
• Carousel — Carrusel responsive con gestos táctiles y bucle.
• ChromaGrid — Rejilla en escala de grises que se colorea donde miras.
• CircularGallery — Galería curva infinita que se arrastra o se desplaza con scroll.
• Counter — Contador de rodillos animado con easing.
• CssBox — Caja 3D hecha solo con CSS que puedes rotar.
• CurvedInput — Campo de texto curvado con botón de envío.
• DecayCard — Tarjeta cuyo contenido se desintegra al pasar el ratón.
• DepthCarousel — Tarjetas en un raíl 3D con profundidad, arrastre y autoplay.
• Dock — Dock estilo macOS con magnificación por proximidad.
• DomeGallery — Cúpula 3D de imágenes que giras con el dedo.
• DragElements — Elementos que puedes arrastrar y lanzar.
• DriftWall — Muro infinito de tarjetas en perspectiva que se elevan al hover.
• ElasticSlider — Slider cuyo tirador se estira y vuelve con muelle.
• ElementAlongSvgPath — Elementos que se mueven siguiendo un trazado SVG.
• FlowingMenu — Menú con marquesina que entra por el borde más cercano.
• FlyingPosters — Pósters 3D que vuelan en bucle con el scroll.
• Folder — Carpeta que se abre para revelar su contenido.
• GlassIcons — Iconos con efecto de cristal esmerilado.
• GlassSurface — Superficie de cristal estilo Apple con distorsión en tiempo real.
• GooeyNav — Navegación cuyo indicador se deforma como una gota.
• InfiniteMenu — Esfera infinita de elementos navegable con arrastre.
• InfiniteSpiral — Hélice 3D infinita de imágenes.
• Lanyard — Credencial 3D colgante con física de péndulo realista.
• LineSidebar — Barra lateral cuyos elementos reaccionan a la cercanía del cursor.
• MagicBento — Bento grid con partículas, foco de luz y borde brillante.
• MagicCard — Tarjeta con un foco de luz que sigue al cursor e ilumina sus bordes.
• Marquee — Carrusel infinito para logos, opiniones o imágenes.
• MarqueeAlongSvgPath — Marquesina de imágenes que sigue una curva SVG.
• Masonry — Masonry responsive con reflujo animado.
• MediaBetweenText — Una imagen o vídeo que se abre entre dos palabras.
• ModelViewer — Visor de modelos 3D con órbita e iluminación.
• MorphSlider — Slider WebGL que funde imágenes con una transición líquida.
• NeonGradientCard — Tarjeta con un borde de neón en degradado.
• OptionWheel — Selector curvo tipo rueda que gira con scroll, arrastre o flechas.
• PillNav — Navegación en píldora con resaltado deslizante.
• PixelCard — Tarjeta que se revela con una expansión de píxeles.
• PixelImage — Imagen que se revela píxel a píxel.
• ProfileCard — Tarjeta de perfil holográfica con inclinación 3D.
• ReflectiveCard — Tarjeta metálica que refleja tu webcam y la luz.
• ScrollStack — Tarjetas que se apilan con profundidad al hacer scroll.
• SpecularButton — Botón de cristal con luz especular que recorre su borde.
• SpotlightCard — Tarjeta con foco de luz que sigue al cursor.
• Stack — Pila de fotos arrastrable con autoplay.
• StaggeredMenu — Menú a pantalla completa con entrada escalonada.
• Stepper — Asistente de pasos con transiciones animadas.
• Terminal — Terminal animado que escribe comandos.
• TiltedCard — Tarjeta 3D que se inclina hacia el puntero.