Constructor Lúmina Visor IDE Librería
Librería + 6 herramientas, un solo ecosistema

Crea tu sitio web
con {XandA}

Plantillas, animaciones, efectos y componentes listos para producir — más el Constructor, IDE, Convertidor, Visor y JSON Builder trabajando juntos en tu navegador.

Explorar la librería
100% en tu navegador Sin instalación Gratis para empezar
120+ plantillas y componentes
5 UIs en una consola — gírala tú mismo
workbench — xanda.studio En vivo
Herramientas
constructor / lienzo
Botón
Suelta el bloque aquí
Capas
header
hero
gallery
footer
convertidor / cola de archivos
Suelta tus imágenes o haz clic para explorar
PNG · JPG · WEBP · SVG · AVIF
foto-playa.pngPNG→WEBP✓
2.4 MB → 760 KB−68% peso
logo-xanda.svgSVG→PNG✓
vector → 512px @2xnítido ✓
banner-home.jpgJPG→AVIF✓
5.1 MB → 980 KB−81% peso
visor / breakpoints en vivo
Desktop 1440Tablet 834Móvil 390
ide / editor + terminal
▸ index.html
▾ assets/
styles.css
app.js
▾ lib/
xanda.ui.js
1<section class="hero">
2 <h1>Hola, mundo</h1>
3 <button data-xa="modal">Abrir</button>
4</section>
5
6XandA.mount('modal', { anim: 'spring' })
➜ xanda dev
✓ servidor listo en :3000
✓ 42 componentes compilados
➜ preview en vivo activa
json builder / árbol visual
└{
  └"sitio":{
    └"nombre":"Mi Aurora",
    └"tema":"violeta",
    └"componentes":["modal","toast"]
  └}
}
JSON válido — 0 errores
Las herramientas

Seis herramientas que
se sienten como una sola.

Pasa el mouse sobre cada fila: cada herramienta comparte el mismo ADN, la misma librería y el mismo motor de vista previa.

/01 ConstructorDiseña sitios completos en un lienzo visual con drag & drop, secciones inteligentes y estilos en vivo.→ exporta a HTML limpio o sigue en el IDE Drag & dropTemasResponsive /02 Librería ★ favoritaPlantillas, animaciones, efectos, transiciones y componentes listos para copiar, pegar y personalizar.→ cada pieza tiene demo en vivo y snippet 120+ plantillas350+ efectos /03 IDE - Nébula Un entorno de desarrollo Integrado que genera estructuras, aplica plantillas, mira tus cambios en tiempo real y responsivo, agiliza procesos de optimización, codificación y más → Gratis PreviewTerminalExport /04 Optimizador de Imágenes - Lúmina Transforma imágenes entre formatos con compresión inteligente que preserva la calidad al máximo. → Conversión por lotes, 100% local, privado y gratuito PNGWEBPAVIFSVG /05 Diseño responsivo - Visor Previsualiza cualquier sitio en móvil, tablet, computadora y televisor al instante, sincronizado y en tiempo real. → 12+ dispositivos y scroll sincronizado 12+ devicesSync /06 JSON Builder nuevoConstruye, valida y formatea JSON con un editor visual de árboles. Ideal para configs y APIs.→ detecta errores mientras escribes Editor visualValidación
El ecosistema

Un ecosistema, no una
colección de apps.

Todo lo que creas en una herramienta está disponible al instante en las demás: el nodo central sincroniza componentes, temas y archivos.

XandA Core
sync engine
Librería
Constructor
Nébula
JSON Builder
Lúmina
Visor
sync.toast("componente compartido con el IDE")
La librería, viva

Toca, arrastra, copia.

Ocho demos reales corriendo ahora mismo. Arrastra el carrusel, interactúa y llévate el snippet con un clic.

01 / 08
Constructor
Text Scramblejs
Magnetic Buttonjs
Ripple Clickjs
0%
Progress Ringsvg
Confetti Burstjs
¡Hola! Soy un tooltip ✦
Smart Tooltipjs
Construye. Publica. Itera.
Typewritercss
XandA ✦
Gradient Flowcss
Comunidad

Les encanta construir con XandA

”

Migré todo mi flujo a XandA. El Constructor para maquetar, el IDE para pulir y la librería para no volver a reinventar una animación.

CMCarla MendozaFrontend Lead · Nuvvo
”

El Visor me ahorra horas de pruebas responsive. Abro el sitio, cambio de dispositivo y ajusto al instante. así de simple.

DRDiego RojasDiseñador de producto
”

JSON Builder + librería de componentes es una combinación brutal: prototipo APIs y UIs completas en minutos, no en días.

APAna PastranaFull-stack developer
// empieza hoy

Tu próximo sitio está a un comando de distancia.

Crea un proyecto, elige una plantilla de la librería y ábrelo en el IDE. Sin cuentas complicadas, sin instaladores.

Abrir la librería Ver herramientas
zsh — xanda
Snippet copiado al portapapeles