Widgets educativos listos para usar en 30 segundos. Sin código, sin registro, sin límites.
WidKit son 18 widgets educativos que funcionan en cualquier plataforma (Moodle, Blackboard, Canvas, Google Classroom, etc.). Solo copias un link, lo pegas en tu LMS, y funciona. Así de simple.
- ✅ Sin programar - Copia y pega
- ✅ Sin registros - Empieza ya
- ✅ Sin límites - Usa todo gratis
- ✅ Sin base de datos - Todo por URL
- ✅ 100% Responsive - Funciona en todo
| Widget | Para qué sirve | Demo |
|---|---|---|
| ⏱️ Cuenta Regresiva | Temporizador para exámenes y entregas | |
| 🥇 Cronómetro | Tiempo transcurrido desde un evento | |
| 📅 Calculador de Semanas | Organiza tu curso por semanas | |
| 🎲 Sorteo Interactivo | Sorteos animados con confetti | |
| 📱 Generador de QR | Códigos QR personalizables | |
| 🎯 Selector de Estudiante | Ruleta para selección aleatoria | |
| 🔢 Calculadora de Notas | Promedio ponderado y "¿qué nota necesito?" | |
| 👥 Generador de Equipos | Divide estudiantes en equipos | |
| ⏲️ Pomodoro Timer | Técnica Pomodoro para productividad | |
| 🏆 Tabla de Clasificación | Ranking de estudiantes o equipos | |
| 🗳️ Votación en Vivo | Toma decisiones democráticas en clase | |
| 👣 Contador de Pasos | Objetivo de pasos con cronómetro y estadísticas | |
| 📝 Quiz Interactivo | Preguntas de selección única, múltiple y V/F | |
| 🃏 Flashcards | Tarjetas de estudio interactivas | |
| 🧮 Juego de Matemáticas | Operaciones básicas con cronómetro | |
| 📝 Juego de Palabras | Construir palabras letra por letra | |
| ☁️ Nubes | Dispara a nubes con operaciones matemáticas | |
| 🔥 Fuego Salta Nubes | Salta de nube en nube |
Ve a widkit.lol, elige un widget y configúralo:
📝 Ejemplo: Cuenta Regresiva
- Título: "Examen Final"
- Fecha: 15 de Diciembre, 2025
- Haz clic en "Copiar Código"
En Moodle:
- Activa edición → Añade "Etiqueta" o "Página"
- Clic en botón HTML
</> - Pega el código
- ¡Listo! 🎉
En Blackboard:
- "Crear contenido" → "Elemento"
- Vista HTML
- Pega el código
- ¡Funciona! ✅
En Canvas:
- Edita página → "Editor HTML"
</> - Pega el código
- Guarda
- ¡Ya está! 🚀
En cualquier web:
<!-- Así de simple -->
<iframe src="https://widkit.lol/app/cuentaregresiva.html?title=Examen&y=2025&m=12&d=15"
width="100%" height="450" frameborder="0"></iframe>URL: https://widkit.lol/app/cuentaregresiva.html?title=Examen%20Final&y=2025&m=12&d=15&h=14
Los estudiantes ven cuánto tiempo queda en tiempo real.
URL: https://widkit.lol/app/sorteo.html?items=Juan,María,Pedro,Ana,Luis
Click en "Sortear" → animación → confetti → ¡ganador!
URL: https://widkit.lol/app/qr.html?code=https://meet.google.com/abc-def-ghi&size=256
Genera un QR al instante, sin apps externas.
WidKit es una PWA (Progressive Web App). Puedes instalarla como app nativa:
- En el navegador: Busca el ícono ⊕ en la barra de direcciones
- En móvil: Menú → "Instalar aplicación"
- Ventajas: Funciona offline, más rápida, como app nativa
# Clonar
git clone https://github.com/bemtorres/widkit.git
cd widkit
# Servidor local
npm start
# o
python -m http.server 8080
# o
npx serve .widkit/
├── index.html # Landing page
├── manifest.json # PWA config
├── sw.js # Service Worker
├── admin/ # Configuradores
│ ├── cronometro.html
│ ├── equipos.html
│ ├── games/ # Widgets de juegos
│ │ ├── quiz.html
│ │ ├── flashcard.html
│ │ └── ...
│ ├── tools/ # Herramientas PWA
│ │ ├── icon-generator.html
│ │ └── pwa-imagen.html
│ ├── faq-admin.html # Admin FAQ jerárquico
│ └── ...
├── app/ # Widgets embebibles
│ ├── cronometro.html
│ ├── cuentaregresiva.html
│ ├── faq.html # Vista pública FAQ
│ └── ...
└── assets/
├── css/
├── js/
│ └── i18n.js # Multi-idioma (ES/EN/PT)
└── img/
└── icons/
├── widkit_entero.png # Logo normal
└── widkit_entero_pro.png # Logo Pro Mode
Todos los widgets funcionan por parámetros URL:
?title=texto&y=2025&m=12&d=15&c1=%23ff0000&c2=%2300ff00
Sin backend, sin base de datos. Todo en el cliente.
Activa el Modo Pro en widkit.lol para:
- 🔥 Tema oscuro con efectos de fuego
- ✨ Animaciones especiales
- 💫 Partículas flotantes
- 🎨 Iconos animados
Es solo visual, todos los widgets siguen siendo gratis.
WidKit está disponible en:
- 🇪🇸 Español
- 🇬🇧 English
- 🇧🇷 Português
Cambia el idioma en la esquina superior derecha de widkit.lol.
WidKit incluye un sistema completo de gestión de preguntas frecuentes con estructura jerárquica de nodos.
- 🌳 Estructura de árbol: Categorías, subcategorías y respuestas
- 🔍 Búsqueda en tiempo real: Busca por título o contenido
- 📤 Export/Import JSON: Intercambia datos fácilmente
- ✅ Validación: Títulos únicos, no eliminar nodos con hijos
- 📊 Estadísticas: Contador de nodos, profundidad máxima
- 📖 Vista Pública: app/faq.html - Solo lectura, búsqueda y navegación
- ⚙️ Administración: admin/faq-admin.html - CRUD completo, export/import
{
id_nodo: 1,
titulo: "Becas",
descripcion: "Información general...",
id_nodo_padre: null, // null = nodo raíz
orden: 0,
hijos: [...]
}- ✅ Un nodo raíz tiene
id_nodo_padre = null - ✅ No se puede eliminar nodos con hijos
- ✅ Títulos únicos en el mismo nivel
- ✅ Búsqueda recursiva en todo el árbol
Moodle • Blackboard • Canvas • Google Classroom • Cualquier LMS o Web
MIT License - Uso libre y gratuito para siempre.
Creado con ❤️ por @bemtorres
Si WidKit te ayuda, dale una ⭐ en GitHub y compártelo con otros educadores.
Aprende a toda velocidad. Widgets sin código y sin límites.
