Escaparate del almacén · 168 efectos a la vista

▶

Sistema Creativo — brutalismo cálido (BiGGeR)

⏱ anima solagusto📜 propia

🧩 gsap · 📶 ⚠️ · ⚖️ ~7KB

📄 07_sistemas-de-diseno/creativo-cultural-brutalismo-calido.md

▶

Sistema Finanzas — el dato como héroe (VETA)

⏱ anima solagusto📜 propia

🧩 cdn:google-fonts · 📶 ⚠️ · ⚖️ ~7KB

📄 07_sistemas-de-diseno/finanzas-confianza-dato-heroe.md

▶

Sistema Oficio — cálido, drench + foto dirigida (Alhóndiga)

⏱ anima solagusto📜 propia

🧩 gsap+lenis · 📶 ⚠️ · ⚖️ ~6KB

📄 07_sistemas-de-diseno/oficio-artesano-calido.md

▶

Eje de fases que se dibuja (raíl scrub + nodos)

🌀 al scrollheroes📜 ?

🧩 gsap · 📶 ok · ⚖️ ~5KB

📄 01_animaciones/eje-fases-scrub.md

Escena 3D interactiva (Spline)

⏱ anima solaheroes⚠ duda📜 ?

🧩 cdn:spline-viewer+isla-react · 📶 ⚠️ · ⚖️ ~2KB

📄 01_animaciones/escena-3d-spline.md

▶

Hero cinematográfico con recorrido (scroll storytelling)

🌀 al scrollheroes📜 ?

🧩 gsap+lenis · 📶 ⚠️ · ⚖️ ~4KB

📄 01_animaciones/hero-cinematico-scroll.md

▶

Galería horizontal pineada

🌀 al scrollheroes📜 ?

🧩 gsap · 📶 ⚠️ · ⚖️ ~4KB

📄 01_animaciones/horizontal-gallery.md

▶

Montaje pieza por pieza (estilo Apple) — Camino A, canvas image-sequence

🌀 al scrollheroes📜 ?

🧩 gsap+webgl · 📶 ⚠️ · ⚖️ ~4KB

📄 01_animaciones/montaje-pieza-por-pieza.md

▶

Parallax multicapa (profundidad al scroll)

🌀 al scrollheroes📜 ?

🧩 gsap · 📶 ⚠️ · ⚖️ ~3KB

📄 01_animaciones/parallax-multicapa.md

Scroll-snap a pantalla completa

🌀 al scrollheroes📜 ?

🧩 ninguna · 📶 ok · ⚖️ ~2KB

📄 01_animaciones/scroll-snap-fullpage.md

▶

Scroll suave con inercia (Lenis)

🌀 al scrollheroes📜 ?

🧩 gsap+lenis · 📶 ok · ⚖️ ~3KB

📄 01_animaciones/smooth-scroll-lenis.md

▶

Cinta que cose (marquee continuo sobre el límite entre secciones)

🌀 al scrollcostura📜 propia

🧩 gsap · 📶 ok · ⚖️ ~2KB

📄 09_costura/costura-cinta-cose.md

▶

Cortina que levanta (telón que revela la sección siguiente)

🌀 al scrollcostura📜 propia

🧩 gsap · 📶 ⚠️ · ⚖️ ~3KB

📄 09_costura/costura-cortina-levanta.md

▶

Elemento que viaja

🌀 al scrollcostura📜 propia

🧩 gsap+lenis · 📶 ⚠️ · ⚖️ ~3KB

📄 09_costura/costura-elemento-viaja.md

▶

Puente con máscara

🌀 al scrollcostura📜 propia

🧩 gsap · 📶 ⚠️ · ⚖️ ~2KB

📄 09_costura/costura-puente-mascara.md

▶

Sangrado de color

🌀 al scrollcostura📜 propia

🧩 gsap+lenis · 📶 ok · ⚖️ ~2KB

📄 09_costura/costura-sangrado-color.md

▶

Solape con pin

🌀 al scrollcostura📜 propia

🧩 gsap · 📶 ⚠️ · ⚖️ ~2KB

📄 09_costura/costura-solape-pin.md

▶

Velo gradual (fundido por color entre secciones)

🌀 al scrollcostura📜 propia

🧩 gsap · 📶 ⚠️ · ⚖️ ~4KB

📄 09_costura/costura-velo-gradual.md

▶

Zoom-through (ventana que escala y revela la siguiente sección)

🌀 al scrollcostura📜 propia

🧩 gsap · 📶 ⚠️ · ⚖️ ~3KB

📄 09_costura/costura-zoom-through.md

▶

Receta · Galería que rompe la rejilla

🌀 al scrollrecetas📜 propia

🧩 gsap+webgl · 📶 ⚠️ · ⚖️ ~17KB

📄 10_recetas/receta-galeria-broken-grid.md

▶

Receta · Hero cinematográfico completo

🌀 al scrollrecetas📜 propia

🧩 gsap+lenis · 📶 ⚠️ · ⚖️ ~11KB

📄 10_recetas/receta-hero-cinematografico.md

▶

Receta · Montaje pieza por pieza (Apple)

🌀 al scrollrecetas📜 propia

🧩 gsap · 📶 ⚠️ · ⚖️ ~9KB

📄 10_recetas/receta-montaje-apple.md

▶

Receta · Scrollytelling con costura

🌀 al scrollrecetas📜 propia

🧩 gsap+lenis · 📶 ⚠️ · ⚖️ ~15KB

📄 10_recetas/receta-scrollytelling.md

Texto Aurora (relleno animado)

⏱ anima solatexto📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~2KB

📄 01_animaciones/aurora-text.md

Texto que entra desenfocado (Blur Text)

⏱ anima solatexto📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~4KB

📄 01_animaciones/blur-text.md

Texto circular (sello giratorio)

⏱ anima solatexto📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~4KB

📄 01_animaciones/circular-text.md

Contadores animados (count-up de stats)

🌀 al scrolltexto📜 MIT

🧩 gsap · 📶 ok · ⚖️ ~3KB

📄 02_componentes/count-up-stats.md

Texto en bucle sobre curva (Curved Loop)

⏱ anima solatexto📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~5KB

📄 01_animaciones/curved-loop.md

Texto que se descifra (Decrypted Text)

⏱ anima solatexto📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~6KB

📄 01_animaciones/decrypted-text.md

Texto que cae

⏱ anima solatexto📜 MIT

🧩 isla-react · 📶 ⚠️ · ⚖️ 30-40KB?

📄 06_react-islas/falling-text.md

Texto difuso (fuzzy text)

⏱ anima solatexto📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~10KB

📄 01_animaciones/fuzzy-text.md

Glitch text (texto con interferencia)

⏱ anima solatexto📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~2KB

📄 01_animaciones/glitch-text.md

Texto con gradiente animado

⏱ anima solatexto📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~3KB

📄 01_animaciones/gradient-text.md

Subrayado a mano (Highlighter)

⏱ anima solatexto📜 MIT

🧩 cdn:rough-notation · 📶 ok · ⚖️ ~3KB

📄 01_animaciones/highlighter.md

Texto que baraja (Hyper Text)

⏱ anima solatexto📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~4KB

📄 01_animaciones/hyper-text.md

▶

Tipografía cinética (texto gigante en movimiento)

🌀 al scrolltexto📜 ?

🧩 gsap · 📶 ok · ⚖️ ~2KB

📄 01_animaciones/kinetic-typography.md

Titular con sombra de línea en movimiento

⏱ anima solatexto📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~2KB

📄 01_animaciones/line-shadow-text.md

Texto que muta (morphing con blur)

⏱ anima solatexto⚠ duda📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~5KB

📄 01_animaciones/morphing-text.md

▶

Rotating text (palabras que rotan)

⏱ anima solatexto📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~3KB

📄 01_animaciones/rotating-text.md

▶

Texto que se descifra (scramble / decode)

⏱ anima solatexto📜 ?

🧩 gsap · 📶 ok · ⚖️ ~2KB

📄 01_animaciones/scramble-text.md

Scroll Float — texto que emerge letra a letra al hacer scroll

🌀 al scrolltexto📜 MIT

🧩 gsap · 📶 ok · ⚖️ ~4KB

📄 01_animaciones/scroll-float.md

Texto con brillo que pasa

⏱ anima solatexto📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~2KB

📄 01_animaciones/shiny-text.md

Texto con destellos (Sparkles Text)

⏱ anima solatexto📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~5KB

📄 01_animaciones/sparkles-text.md

Texto en círculo giratorio

⏱ anima solatexto📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~3KB

📄 01_animaciones/spinning-text.md

Texto que aparece letra a letra

⏱ anima solatexto📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~4KB

📄 01_animaciones/split-text.md

Texto que voltea en 3D (Text 3D Flip)

🖱 al ratóntexto📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~6KB

📄 01_animaciones/text-3d-flip.md

Texto que entra animado

⏱ anima solatexto📜 MIT

🧩 isla-react · 📶 ok · ⚖️ 15-20KB?

📄 06_react-islas/text-animate.md

▶

Rastro de texto que sigue al cursor

🖱 al ratóntexto📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~6KB

📄 01_animaciones/text-cursor.md

Tipografía a presión (Text Pressure)

🖱 al ratóntexto⚠ duda📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~6KB

📄 01_animaciones/text-pressure.md

Reveal de texto al hacer scroll

🌀 al scrolltexto📜 ?

🧩 gsap · 📶 ok · ⚖️ ~2KB

📄 01_animaciones/text-reveal-scroll.md

▶

Text Type (máquina de escribir)

⏱ anima solatexto📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~6KB

📄 01_animaciones/text-type.md

True Focus — enfoque palabra a palabra

⏱ anima solatexto📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~5KB

📄 01_animaciones/true-focus.md

Texto que engorda al acercar el cursor (variable proximity)

🖱 al ratóntexto⚠ duda📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~7KB

📄 01_animaciones/variable-proximity.md

Texto recortado con vídeo (video-text)

⏱ anima solatexto⚠ duda📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~4KB

📄 01_animaciones/video-text.md

▶

Word Rotate (palabra que rota con flip)

⏱ anima solatexto📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~4KB

📄 01_animaciones/word-rotate.md

Reveal con máscara (clip-path wipe)

🌀 al scrollimagenes📜 ?

🧩 gsap · 📶 ok · ⚖️ ~3KB

📄 01_animaciones/clip-path-reveal.md

Distorsión líquida de imagen al hover (WebGL)

🖱 al ratónimagenes📜 ?

🧩 webgl+cdn:hover-effect · 📶 ⚠️ · ⚖️ ~8KB

📄 01_animaciones/hover-distortion-webgl.md

Lista con imagen flotante al hover

🖱 al ratónimagenes📜 ?

🧩 ninguna · 📶 ⚠️ · ⚖️ ~3KB

📄 01_animaciones/hover-image-reveal.md

Lupa de zoom sobre imagen

🖱 al ratónimagenes📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~4KB

📄 02_componentes/lens.md

Galería masonry (mosaico)

⏱ anima solaimagenes📜 MIT

🧩 gsap · 📶 ok · ⚖️ ~4KB

📄 02_componentes/masonry.md

Skew por velocidad de scroll

🌀 al scrollimagenes📜 ?

🧩 gsap · 📶 ok · ⚖️ ~3KB

📄 01_animaciones/scroll-velocity-imagenes.md

Split-screen con reveal pineado

🌀 al scrollimagenes📜 ?

🧩 gsap · 📶 ok · ⚖️ ~4KB

📄 01_animaciones/split-screen-reveal.md

SVG que se dibuja al scroll

🌀 al scrollimagenes📜 ?

🧩 gsap · 📶 ok · ⚖️ ~3KB

📄 01_animaciones/svg-path-draw.md

Blob cursor (cursor líquido gooey)

🖱 al ratónnav📜 MIT

🧩 gsap · 📶 ⚠️ · ⚖️ ~3KB

📄 01_animaciones/blob-cursor.md

Blur Fade (entrada desenfocada al hacer scroll)

🌀 al scrollnav📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~5KB

📄 01_animaciones/blur-fade.md

Click spark (chispas al hacer click)

⏱ anima solanav📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~4KB

📄 01_animaciones/click-spark.md

Crosshair (cursor en cruz)

🖱 al ratónnav📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~5KB

📄 01_animaciones/crosshair.md

Rejilla de cubos 3D que reaccionan

🖱 al ratónnav📜 MIT

🧩 gsap · 📶 ⚠️ · ⚖️ ~9KB

📄 01_animaciones/cubes.md

Cursor custom + botones magnéticos

🖱 al ratónnav📜 ?

🧩 ninguna · 📶 ⚠️ · ⚖️ ~3KB

📄 01_animaciones/cursor-custom-magnetico.md

Dock estilo macOS (magnificación al hover)

🖱 al ratónnav📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~5KB

📄 02_componentes/dock.md

Gooey Nav (navegación con efecto metaball)

⏱ anima solanav📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~11KB

📄 02_componentes/gooey-nav.md

Estela de imágenes (Image Trail)

🖱 al ratónnav📜 MIT

🧩 gsap · 📶 ⚠️ · ⚖️ ~8KB

📄 01_animaciones/image-trail.md

Nav sticky inteligente + mega-menú

⏱ anima solanav📜 MIT?

🧩 ninguna · 📶 ⚠️ · ⚖️ ~5KB

📄 02_componentes/mega-nav.md

Menú overlay a pantalla completa (cinemático)

⏱ anima solanav📜 MIT

🧩 gsap · 📶 ok · ⚖️ ~3KB

📄 02_componentes/menu-fullscreen-overlay.md

Gotas líquidas que se funden

🖱 al ratónnav📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ 25-35KB?

📄 06_react-islas/meta-balls.md

Transiciones de página (continuidad cinematográfica)

⏱ anima solanav📜 ?

🧩 ninguna · 📶 ok · ⚖️ ~4KB

📄 01_animaciones/page-transitions.md

Estela de píxeles

🖱 al ratónnav📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~5KB

📄 01_animaciones/pixel-trail.md

Pixel Transition

🖱 al ratónnav📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~6KB

📄 01_animaciones/pixel-transition.md

Cursor personalizado por contenedor (Pointer)

🖱 al ratónnav📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~5KB

📄 01_animaciones/pointer.md

Slider arrastrable (con inercia)

⏱ anima solanav📜 MIT

🧩 gsap · 📶 ok · ⚖️ ~5KB

📄 02_componentes/slider-arrastrable.md

Fluido al mover el ratón

🖱 al ratónnav📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ 30-40KB?

📄 06_react-islas/splash-cursor.md

Pegatina que se despega

🖱 al ratónnav📜 MIT

🧩 isla-react · 📶 ok · ⚖️ 25-35KB?

📄 06_react-islas/sticker-peel.md

Target Cursor — cursor punto de mira

🖱 al ratónnav📜 MIT

🧩 gsap · 📶 ⚠️ · ⚖️ ~10KB

📄 01_animaciones/target-cursor.md

Acordeón / FAQ accesible

⏱ anima solabloques📜 MIT?

🧩 ninguna · 📶 ok · ⚖️ ~3KB

📄 02_componentes/acordeon-faq.md

Haz animado entre nodos

⏱ anima solabloques📜 MIT

🧩 isla-react · 📶 ok · ⚖️ 15-20KB?

📄 06_react-islas/animated-beam.md

Lista animada de notificaciones

⏱ anima solabloques📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~7KB

📄 02_componentes/animated-list.md

Avatares solapados con contador

⏱ anima solabloques⚠ duda📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~3KB

📄 02_componentes/avatar-circles.md

Bento grid (rejilla asimétrica)

⏱ anima solabloques📜 MIT?

🧩 ninguna · 📶 ok · ⚖️ ~3KB

📄 02_componentes/bento-grid.md

Abanico de tarjetas con rebote (bounce cards)

⏱ anima solabloques📜 MIT

🧩 gsap · 📶 ok · ⚖️ ~6KB

📄 02_componentes/bounce-cards.md

▶

Card Swap — cartas que rotan en 3D

⏱ anima solabloques📜 MIT

🧩 gsap · 📶 ok · ⚖️ ~6KB

📄 02_componentes/card-swap.md

Chroma Grid — rejilla con foco de color al hover

🖱 al ratónbloques📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~9KB

📄 02_componentes/chroma-grid.md

Galería circular 3D

🖱 al ratónbloques📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ ~10-20KB?

📄 06_react-islas/circular-gallery.md

Comparador de código antes/después

⏱ anima solabloques⚠ duda📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~6KB

📄 02_componentes/code-comparison.md

Confeti de celebración

⏱ anima solabloques📜 MIT

🧩 cdn:canvas-confetti · 📶 ok · ⚖️ ~4KB

📄 02_componentes/confetti.md

Slider elástico

🖱 al ratónbloques📜 MIT

🧩 isla-react · 📶 ok · ⚖️ 15-20KB?

📄 06_react-islas/elastic-slider.md

Menú fluido (flowing menu)

🖱 al ratónbloques📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~6KB

📄 02_componentes/flowing-menu.md

Pósters voladores en 3D

🖱 al ratónbloques📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ 25-35KB?

📄 06_react-islas/flying-posters.md

Iconos glass con hover 3D

🖱 al ratónbloques📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~6KB

📄 02_componentes/glass-icons.md

Glass Surface (cristal con refracción)

🖱 al ratónbloques📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~13KB

📄 02_componentes/glass-surface.md

Globo terráqueo

⏱ anima solabloques📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ 30-40KB?

📄 06_react-islas/globe.md

Vídeo en modal desde miniatura (hero video dialog)

⏱ anima solabloques📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~10KB

📄 02_componentes/hero-video-dialog.md

Nube de iconos 3D interactiva

🖱 al ratónbloques⚠ duda📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~8KB

📄 02_componentes/icon-cloud.md

Lista de scroll infinito

⏱ anima solabloques📜 MIT

🧩 isla-react · 📶 ok · ⚖️ 25-35KB?

📄 06_react-islas/infinite-scroll.md

Botón con punto que crece al hover

🖱 al ratónbloques📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~4KB

📄 02_componentes/interactive-hover-button.md

Mockup de iPhone

⏱ anima solabloques📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~7KB

📄 02_componentes/iphone.md

Rejilla bento con foco, partículas y tilt 3D

🖱 al ratónbloques📜 MIT

🧩 gsap · 📶 ⚠️ · ⚖️ ~14KB

📄 02_componentes/magic-bento.md

Tarjeta con foco que sigue el cursor (magic card)

🖱 al ratónbloques📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~4KB

📄 02_componentes/magic-card.md

▶

Marquesina infinita (logos / texto en bucle)

⏱ anima solabloques📜 ?

🧩 ninguna · 📶 ok · ⚖️ ~2KB

📄 01_animaciones/marquesina-infinita.md

Modal / diálogo accesible (dialog)

⏱ anima solabloques📜 MIT?

🧩 ninguna · 📶 ok · ⚖️ ~3KB

📄 02_componentes/modal-dialog.md

Tarjeta con borde neón degradado

⏱ anima solabloques📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~3KB

📄 02_componentes/neon-gradient-card.md

Círculos en órbita

⏱ anima solabloques📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~4KB

📄 02_componentes/orbiting-circles.md

Tarjeta con revelado de píxeles al hover

🖱 al ratónbloques📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~8KB

📄 02_componentes/pixel-card.md

Tarjetas de precio

⏱ anima solabloques📜 MIT?

🧩 ninguna · 📶 ok · ⚖️ ~3KB

📄 02_componentes/pricing-cards.md

Botón que late (pulsating button)

⏱ anima solabloques📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~3KB

📄 02_componentes/pulsating-button.md

Botón de borde arcoíris animado

⏱ anima solabloques📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~4KB

📄 02_componentes/rainbow-button.md

Botón con onda al clic (ripple)

🖱 al ratónbloques📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~4KB

📄 02_componentes/ripple-button.md

Carrusel cilíndrico 3D (rolling gallery)

⏱ anima solabloques📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~8KB

📄 02_componentes/rolling-gallery.md

Mockup de navegador Safari

⏱ anima solabloques📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~5KB

📄 02_componentes/safari.md

shadcn/ui · 22 primitivos

⏱ anima solabloques📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ?

📄 06_react-islas/shadcn-primitivos.md

Botón con destello (shiny button)

⏱ anima solabloques📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~4KB

📄 02_componentes/shiny-button.md

Tarjeta con foco (spotlight)

🖱 al ratónbloques📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~2KB

📄 02_componentes/spotlight-card.md

Stack de tarjetas arrastrables

🖱 al ratónbloques📜 MIT

🧩 isla-react · 📶 ok · ⚖️ 20-30KB?

📄 06_react-islas/stack.md

Stepper multipaso con progreso

⏱ anima solabloques📜 MIT

🧩 isla-react · 📶 ok · ⚖️ 20-30KB?

📄 06_react-islas/stepper.md

▶

Sticky stacking cards (tarjetas que se apilan)

🌀 al scrollbloques📜 ?

🧩 ninguna · 📶 ok · ⚖️ ~4KB

📄 01_animaciones/sticky-stacking-cards.md

Terminal que se escribe sola

⏱ anima solabloques📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~5KB

📄 02_componentes/terminal.md

Testimonios (slider con scroll-snap)

⏱ anima solabloques📜 MIT?

🧩 ninguna · 📶 ok · ⚖️ ~2KB

📄 02_componentes/testimonios-slider.md

Cards con tilt 3D

🖱 al ratónbloques📜 MIT?

🧩 ninguna · 📶 ⚠️ · ⚖️ ~2KB

📄 02_componentes/tilt-3d-cards.md

Rejilla animada (celdas que parpadean)

⏱ anima solafondos📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~5KB

📄 03_efectos-css/animated-grid-pattern.md

Aurora boreal

⏱ anima solafondos📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ ~25KB?

📄 06_react-islas/aurora.md

Fondo shader psicodélico

⏱ anima solafondos📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ 25-35KB?

📄 06_react-islas/balatro.md

Cinta diagonal animada (poste de barbero)

⏱ anima solafondos📜 ?

🧩 ninguna · 📶 ok · ⚖️ ~2KB

📄 03_efectos-css/barber-pole.md

Haces de luz volumétricos

⏱ anima solafondos📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ 50-70KB?

📄 06_react-islas/beams.md

Border beam (haz de luz en el borde)

⏱ anima solafondos📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~3KB

📄 03_efectos-css/border-beam.md

Hover de botones y enlaces

🖱 al ratónfondos📜 MIT?

🧩 ninguna · 📶 ⚠️ · ⚖️ ~4KB

📄 03_efectos-css/botones-hover.md

Velo oscuro

⏱ anima solafondos📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ ~25KB?

📄 06_react-islas/dark-veil.md

Rejilla de puntos interactiva

🖱 al ratónfondos📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~9KB

📄 03_efectos-css/dot-grid.md

Patrón de puntos

⏱ anima solafondos📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~5KB

📄 03_efectos-css/dot-pattern.md

Terminal CRT con glitch

⏱ anima solafondos📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ 25-35KB?

📄 06_react-islas/faulty-terminal.md

▶

Rejilla parpadeante

⏱ anima solafondos📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~6KB

📄 03_efectos-css/flickering-grid.md

Fondo de gradiente animado

⏱ anima solafondos📜 MIT?

🧩 ninguna · 📶 ⚠️ · ⚖️ ~3KB

📄 03_efectos-css/fondo-gradiente-animado.md

Galaxy — campo de estrellas

⏱ anima solafondos📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ 25-35KB?

📄 06_react-islas/galaxy.md

Destello diagonal al pasar el ratón

🖱 al ratónfondos📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~2KB

📄 03_efectos-css/glare-hover.md

Glassmorphism (cristal esmerilado)

⏱ anima solafondos📜 MIT?

🧩 ninguna · 📶 ⚠️ · ⚖️ ~2KB

📄 03_efectos-css/glassmorphism.md

Distorsión de rejilla

🖱 al ratónfondos📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ 35-50KB?

📄 06_react-islas/grid-distortion.md

Rejilla de imágenes en movimiento

🖱 al ratónfondos📜 MIT

🧩 gsap · 📶 ok · ⚖️ ~8KB

📄 03_efectos-css/grid-motion.md

Grid pattern (rejilla SVG)

⏱ anima solafondos📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~3KB

📄 03_efectos-css/grid-pattern.md

Túnel de luces a hipervelocidad

⏱ anima solafondos📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ ~600KB(sin comprimir)

📄 06_react-islas/hyperspeed.md

Rejilla interactiva

🖱 al ratónfondos📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~4KB

📄 03_efectos-css/interactive-grid-pattern.md

Iridiscencia

⏱ anima solafondos📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ ~25KB?

📄 06_react-islas/iridescence.md

▶

Lluvia Matrix

⏱ anima solafondos📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~7KB

📄 03_efectos-css/letter-glitch.md

Rayos de luz cenitales

⏱ anima solafondos📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~3KB

📄 03_efectos-css/light-rays.md

▶

Rayo WebGL

⏱ anima solafondos📜 MIT

🧩 webgl · 📶 ⚠️ · ⚖️ ~9KB

📄 03_efectos-css/lightning.md

Cromo líquido

⏱ anima solafondos📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ 25-35KB?

📄 06_react-islas/liquid-chrome.md

Loader cinematográfico

⏱ anima solafondos📜 ?

🧩 gsap · 📶 ok · ⚖️ ~2KB

📄 01_animaciones/loaders-preloaders.md

▶

Rejilla de líneas que apuntan al cursor

🖱 al ratónfondos📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~3KB

📄 03_efectos-css/magnet-lines.md

▶

Meteoros (lluvia de meteoritos)

⏱ anima solafondos📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~2KB

📄 03_efectos-css/meteoros.md

Grano de película

⏱ anima solafondos📜 MIT?

🧩 ninguna · 📶 ⚠️ · ⚖️ ~1KB

📄 03_efectos-css/noise-grain-overlay.md

Orb — orbe de energía

⏱ anima solafondos📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ ~50KB?

📄 06_react-islas/orb.md

▶

Dithering duotono animado (Paper Shaders)

⏱ anima solafondos📜 Apache-2

🧩 cdn:paper-shaders · 📶 ⚠️ · ⚖️ ~242KB

📄 03_efectos-css/paper-dithering.md

▶

Mesh gradient animado (Paper Shaders)

⏱ anima solafondos📜 Apache-2

🧩 cdn:paper-shaders · 📶 ⚠️ · ⚖️ ~242KB

📄 03_efectos-css/paper-mesh-gradient.md

Partículas 3D

⏱ anima solafondos📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ 25-35KB?

📄 06_react-islas/particles.md

Desenfoque progresivo

⏱ anima solafondos⚠ duda📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~9KB

📄 03_efectos-css/progressive-blur.md

Retro grid (rejilla synthwave)

⏱ anima solafondos📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~4KB

📄 03_efectos-css/retro-grid.md

▶

Ripple (ondas concéntricas)

⏱ anima solafondos📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~3KB

📄 03_efectos-css/ripple.md

Barra de progreso de scroll

🌀 al scrollfondos📜 ?

🧩 ninguna · 📶 ok · ⚖️ ~3KB

📄 01_animaciones/scroll-progress.md

▶

ShaderGradient (malla 3D animada)

⏱ anima solafondos📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ ~315KB gzip (1.22MB min

📄 06_react-islas/shadergradient.md

Botón con destello perimetral

⏱ anima solafondos📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~2KB

📄 03_efectos-css/shimmer-button.md

Borde con brillo animado

⏱ anima solafondos📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~3KB

📄 03_efectos-css/shine-border.md

Seda ondulante

⏱ anima solafondos📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ ~150KB(three+r3f)

📄 06_react-islas/silk.md

Rejilla animada que se desplaza

⏱ anima solafondos📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~9KB

📄 03_efectos-css/squares.md

Borde de luz que orbita

⏱ anima solafondos📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~2KB

📄 03_efectos-css/star-border.md

Patrón de rayas diagonales

⏱ anima solafondos⚠ duda📜 MIT

🧩 ninguna · 📶 ok · ⚖️ ~2KB

📄 03_efectos-css/striped-pattern.md

Threads — hilos ondulantes

⏱ anima solafondos📜 MIT

🧩 isla-react+webgl · 📶 ⚠️ · ⚖️ ~25KB?

📄 06_react-islas/threads.md

Túnel de rejilla 3D

⏱ anima solafondos📜 MIT

🧩 isla-react · 📶 ok · ⚖️ 15-20KB?

📄 06_react-islas/warp-background.md

▶

Waves (malla de olas reactiva)

🖱 al ratónfondos📜 MIT

🧩 ninguna · 📶 ⚠️ · ⚖️ ~11KB

📄 03_efectos-css/waves.md

✓ obra

Barra de contacto fija + FAB WhatsApp

⏱ anima solamios📜 propia

🧩 ninguna · 📶 medido · ⚖️ ~5KB

📄 08_mios-probados/barra-contacto-fab.md

✓ obra

Nav con scroll-spy

🌀 al scrollmios📜 propia

🧩 ninguna · 📶 medido · ⚖️ ~5KB

📄 08_mios-probados/nav-scroll-spy.md

✓ obra

Tarjeta de inventario con cinta de precio

⏱ anima solamios📜 propia

🧩 ninguna · 📶 medido · ⚖️ ~7KB

📄 08_mios-probados/tarjeta-inventario-cinta-precio.md

Nada con ese nombre — prueba otra palabra o mira el INDICE.md.