Skip to content

Efecto de fondo animado y rastro de cursor sutil, inspirado en Inspira UI Pro. Este componente combina Framer Motion + Canvas API para lograr una aurora reactiva y elegante.

License

Notifications You must be signed in to change notification settings

ioniacob/inspira-aurora-reactive

Repository files navigation

Inspira UI Aurora Reactive

Demo Preview

Efecto visual: aurora reactiva + rastro de cursor. Demo ligera y lista para publicar en GitHub Pages.

Estado: Demo estática — Autor: Ion Iacob

Descripción Este repositorio contiene una demo estática (index.html) y un componente React (InspiraAuroraReactive.js) que combina Canvas API + Framer Motion para un efecto aurora y rastro de cursor. Ideal como hero visual o sección de landing.

Probar en 1 minuto (rápido)

Clona y levanta la demo estática sin instalar dependencias Node:

git clone https://github.com/ioniacob/inspira-aurora-reactive.git
cd inspira-aurora-reactive
chmod +x ./run-preview.sh
./run-preview.sh
# o alternativamente
python3 -m http.server 5000
# luego abre en el navegador:
# http://localhost:5000

Demo en local (opciones avanzadas)

  1. Clona el repo:
git clone https://github.com/ioniacob/inspira-aurora-reactive.git
cd inspira-aurora-reactive
  1. Levanta la demo (elige una):
  • Opción A — Helper (recomendado en Codespaces / devcontainer):
chmod +x ./run-preview.sh
./run-preview.sh
  • Opción B — Python directo:
python3 -m http.server 5000
# abre manualmente: http://localhost:5000
  • Opción C — si prefieres usar npx http-server (sin instalar dependencias locales):
npx http-server -p 5000
  1. Abre: http://localhost:5000

Publicar en GitHub Pages

  1. Verifica homepage y repository.url en package.json (ya configurados para ioniacob).
  2. Publica:
npm install
npm run deploy

Esto usa gh-pages para subir la carpeta raíz como sitio estático. Revisa la configuración de Pages en tu repo para servir desde la rama gh-pages.

Estructura

  • index.html — demo estática (CDN React/Framer/Tailwind)
  • InspiraAuroraReactive.js — componente React exportable
  • run-preview.sh — helper para preview local en Codespaces / devcontainer
  • package.json — scripts y metadata

Licencia

Este proyecto está bajo la licencia MIT. Ver archivo LICENSE.

Créditos

Personalizado por Ion Iacob — https://ioniacob.com/
Para Big Bang Social — https://bigbangsocial.com/

Contribuciones Pull requests bienvenidas. Abre issues para bugs o mejoras visuales.

About

Efecto de fondo animado y rastro de cursor sutil, inspirado en Inspira UI Pro. Este componente combina Framer Motion + Canvas API para lograr una aurora reactiva y elegante.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published