# Galería de efectos — Aipanel

> Catálogo navegable de **355 efectos visuales** para web, móvil y UI en 17 categorías, con vista previa en vivo y código copiable. Es la biblioteca con la que Aipanel arma sus landings, publicada como referencia. Operado por Segtelco SpA (RUT 76.429.318-5).

- Catálogo: https://efectos.aipanel.cl/
- Empresa: https://aipanel.cl/
- Contacto: hola@aipanel.cl · WhatsApp +56 600 612 2000

## Cómo funciona

Cada efecto se muestra funcionando, no en captura: se puede interactuar con él
en la misma página y copiar el código que lo produce. No hay paso de build ni
instalación — React se carga desde el propio dominio y el código se pega tal cual
en un proyecto.

## Categorías

- **Utility — tooltips, badges, acordeones, tabs, breadcrumbs** — 77 piezas
- **Image effects — hovers, máscaras, zoom, parallax, before/after** — 56 piezas
- **Mobile / app design — patrones de app nativa llevados a web** — 32 piezas
- **Galerías — masonry, carruseles, lightbox, grillas asimétricas** — 23 piezas
- **Menús creativos — radiales, fullscreen, magnéticos, off-canvas** — 23 piezas
- **SVG — trazos animados, morphing, iconografía viva** — 22 piezas
- **Texto — kinetic type, scramble, split, máquina de escribir** — 19 piezas
- **Social / Canva — piezas y composiciones para redes** — 17 piezas
- **Charts — sparklines, radar, barras, líneas, gauges en SVG** — 15 piezas
- **Pricing — tablas con tilt 3D, glass, contadores animados** — 11 piezas
- **Logo y branding — marcas, animaciones de logotipo** — 10 piezas
- **Popups y modales — diálogos, drawers, toasts, command palette** — 10 piezas
- **App / dashboard UI — tablas de datos, KPIs, paneles, filtros** — 9 piezas
- **E-commerce — tarjetas de producto, quick view, carrito, filtros** — 8 piezas
- **Loaders — esqueletos, barras de progreso, transiciones de entrada** — 8 piezas
- **Transitions — transiciones de página y vista, scroll reveal** — 8 piezas
- **Cursor — cursores personalizados, seguimiento, estados magnéticos** — 7 piezas

## Arquetipos de sección

Además de los efectos sueltos hay **24 bloques de página completos** en
8 tipos (hero, nosotros, cta, footer, servicios, stats, testimonios, catalogo): secciones enteras
—hero, footer, testimonios, llamados a la acción— que sirven para armar el
esqueleto de un sitio antes de aplicarle identidad y contenido real.

## Qué tener en cuenta antes de copiar

- Las **imágenes de ejemplo** vienen de un servicio de placeholders externo. Hay que reemplazarlas por material propio antes de publicar.
- Algunos efectos cargan librerías de terceros bajo demanda (GSAP, Three.js, Locomotive Scroll). Cada una conserva su licencia: revisarla antes de usarla en producción.
- Los efectos están pensados para composición, no para usarse todos juntos. Un sitio con veinte efectos encima es peor que uno con tres bien elegidos.

## Otros recursos

- [demos.aipanel.cl](https://demos.aipanel.cl/) — 25 landings demo por sector, para ver los efectos aplicados a un caso completo
- [aipanel.cl](https://aipanel.cl/) — servicios, casos y precios
- [Contacto](https://aipanel.cl/contacto/)
- [Política de privacidad](https://aipanel.cl/privacidad/) — cubre aipanel.cl y sus subdominios
- [llms.txt](https://efectos.aipanel.cl/llms.txt) — resumen estructurado para agentes de IA