Sistema operativo personal

Diseñado para
tu mejor día

Vela integra tareas, enfoque, hábitos, metas y bienestar en una sola interfaz fluida. Sin fricciones. Sin cambiar de app. Solo tú y tu flujo.

vela — tu sistema operativo personal
Sesión activa
24:07
Pomodoro · 62% completado
Tareas hoy
7/12
5 pendientes · 2 en progreso
Hábitos
4/6
Racha de 14 días
Prioridades del día
Finalizar informe Q4 y enviar al equipo 14:00
Revisar PR de integración de API 16:30
Preparar agenda reunión semanal mañana
Tablero · Proyecto Design System
Por hacer
Tipografía tokens
Modo oscuro base
En progreso
Componentes Card
Completado
Grid layout ✓
Color system ✓
Enfoque
24:07
Sesión de trabajo · 62%
Hábitos de hoy
4/6 completados · racha 🔥 14
Meta destacada
Leer 24 libros este año
13 / 24 libros54%
Pomodoro Pro
Gestor de Tareas
Tablero Kanban
Seguimiento de Hábitos
Metas & OKRs
Diario Personal
Sonidos Ambientales
Estadísticas
6 Temas Visuales
Pomodoro Pro
Gestor de Tareas
Tablero Kanban
Seguimiento de Hábitos
Metas & OKRs
Diario Personal
Sonidos Ambientales
Estadísticas
6 Temas Visuales
Métricas

Un solo lugar,
todo lo que importa

9+
Herramientas integradas en una sola interfaz
v2.0 · 2025
100%
Datos guardados localmente en tu navegador
localStorage · sin servidor
6
Temas visuales para personalizar tu espacio
Cosmos · Aurora · Sunset · ...
0
Costo. Gratis para siempre, sin registro
open · sin cuenta
Módulos

Qué hace
cada herramienta

Nueve módulos independientes que comparten estado global. Cada uno tiene su propia lógica, persistencia y vista, pero operan sobre el mismo contexto de usuario.

MOD
Módulo
Descripción funcional
Propiedades
Pomodoro
Temporizador con tres modos configurables: work, short_break y long_break. Cada ciclo completado incrementa un contador de sesiones. Incluye vista de pantalla completa (focusMode), log de historial con timestamp, y meta diaria configurable con barra de progreso.
SVG ring timer session log auto-break
Gestor de tareas
Lista de tareas con modelo de datos {id, title, desc, priority, done, dueDate}. Filtros por estado y prioridad. Ordenamiento automático por urgencia. Las tareas completadas se contabilizan en el Daily Brief matutino.
priority: high/med/low due date filter + sort
Tablero Kanban
Tablero multi-proyecto con columnas todo → in_progress → review → done. Drag-and-drop nativo via HTML5 Drag API. Cada proyecto tiene id, nombre, color y descripción independientes. Las tarjetas almacenan prioridad, descripción y timestamps.
HTML5 Drag API multi-project 4 columnas
Hábitos
Registro diario de hábitos con calendario mensual y cálculo automático de rachas (streak). Cada hábito almacena un array de fechas completadas. El sistema detecta rachas rotas y las reinicia. Los datos del día alimentan el Daily Brief.
streak calc date array monthly view
Metas
Sistema de objetivos con modelo {title, target, current, unit, deadline, milestones[]}. El progreso se calcula como current/target × 100. Soporta unidades arbitrarias (libros, km, horas). La meta con mayor progreso se destaca en el Daily Brief.
milestones custom units deadline
Sonidos ambientales
Reproductor multi-pista usando la Web Audio API. Cada fuente de sonido tiene control de volumen independiente vía GainNode. Los archivos se cargan con fetch y se decodifican en un AudioContext compartido. Soporta mezcla simultánea de hasta N pistas.
Web Audio API GainNode multi-track
Notas
Editor de texto plano con parser de Markdown propio que convierte a HTML en tiempo real. Soporta **bold**, _italic_, ~~strike~~, bloques ```code```, listas, citas y separadores. Cada nota tiene color de acento, título y cuerpo indexados para búsqueda.
MD parser live preview color tags
Diario
Entradas diarias indexadas por fecha ISO (YYYY-MM-DD). Cada entrada incluye estado de ánimo (mood: 1–5), texto libre con Markdown y etiquetas. El historial de mood se usa para renderizar un gráfico de barras con los últimos 30 días.
ISO date key mood: 1–5 mood chart
Daily Brief
Modal de bienvenida que agrega datos de todos los módulos al abrir la app. Lee tareas de alta prioridad, calcula hábitos pendientes del día, obtiene la meta con más progreso y detecta rachas activas. Se activa una vez por día vía timestamp comparado con Date.toDateString().
cross-module once/day smart actions
Stack técnico

Cómo está
construido Vela

Una aplicación de página única sin bundler, sin build step, sin dependencias de servidor. Todo el código vive en un único archivo HTML autocontenido que funciona offline desde el sistema de archivos local.

React 18 v18 · UMD
Toda la UI se construye con React y hooks funcionales (useState, useEffect, useCallback). Se carga via CDN unpkg como UMD global, sin npm ni webpack. Babel Standalone transpila JSX en el navegador en tiempo de ejecución.
unpkg CDN JSX in-browser functional components custom hooks
localStorage Web Storage API
Toda la persistencia usa el hook personalizado useLS(key, default) que envuelve localStorage con serialización JSON automática. Sin base de datos, sin backend. Cada módulo tiene sus propias claves prefijadas.
useLS hook JSON.stringify/parse namespaced keys sin servidor
Web Audio API native browser
El módulo de sonidos ambientales usa un AudioContext singleton. Cada pista conecta un BufferSourceNode a un GainNode que permite control de volumen independiente y mezcla simultánea de múltiples fuentes de audio.
AudioContext GainNode BufferSourceNode loop playback
Chart.js v4 · CDN
Los gráficos de estadísticas (sesiones por día, mood histórico, distribución de tareas) se renderizan con Chart.js sobre elementos <canvas>. Los colores del tema activo se pasan dinámicamente a cada dataset para mantener coherencia visual.
canvas rendering dynamic theming bar / line charts
Sistema de temas CSS variables
Seis paletas (Cosmos, Aurora, Sunset, Sakura, Arctic, Slate) implementadas como objetos de tokens que se inyectan en el document.documentElement.style al cambiar tema. Toda la UI consume variables CSS, por lo que el cambio es instantáneo sin re-render de React.
CSS custom props 6 paletas zero re-render token system
Iconografía SVG inline Lucide paths
Los íconos son SVG paths de Lucide renderizados por un componente <Icon name size color /> que inyecta el path string via dangerouslySetInnerHTML. Sin imports de librería, zero bundle overhead.
Lucide paths inline SVG 0kb overhead themeable stroke
vela · architecture overview
Presentación · React 18 + JSX (Babel standalone)
Dashboard Pomodoro Kanban Hábitos Metas Notas Diario Sonidos
Estado · React hooks + useLS
useState() useCallback() useLS(key, def) useIsMobile()
Persistencia · localStorage (Web Storage)
tasks_v2 kanban_projects_v2 habits_v2 goals_v2 notes_v2 diary_v2 vela_theme
APIs nativas del navegador
Web Audio API Canvas 2D HTML5 Drag API CSS Variables IntersectionObserver
// Sin build step · Sin bundler · Sin backend
// Un archivo HTML + CDN = app completa
// Funciona offline desde file://
Funciones destacadas

Pensado en cada
detalle del día

Resumen matutino
Tu Daily Brief
Cada mañana, Vela te presenta un resumen inteligente con tus tareas prioritarias, hábitos pendientes y progreso de metas.
3
URGENTES
7
TAREAS
4/6
HÁBITOS
54%
META
Personalización
6 Temas Visuales
Cosmos
Aurora
Sunset
Sakura
Arctic
Hábitos
Mapa de calor mensual
Privacidad
100% Local
Tus datos nunca salen de tu navegador. Sin servidores, sin cuentas, sin rastreo.
Pomodoro
Modo pantalla completa
Activa el modo focus para eliminar distracciones y concentrarte en tu temporizador.
Notas
Markdown completo
# Mi idea
**Negrita** y _cursiva_
- [ ] Tarea pendiente
- [x] Completada
¿Cómo funciona?

Simple desde el
primer minuto

01
Abre Vela en tu navegador
Sin instalación, sin registro, sin configuraciones. Un solo archivo HTML que funciona en cualquier dispositivo con Chrome, Firefox o Safari.
02
Revisa tu Daily Brief matutino
Cada mañana aparece un resumen personalizado con tus tareas urgentes, el estado de tus hábitos y el progreso hacia tus metas activas.
03
Trabaja con intención y foco
Activa el Pomodoro, gestiona tu tablero Kanban, registra hábitos y avanza en tus metas. Todo desde una misma interfaz sin cambiar de tab.
04
Termina el día descansando
Activa sonidos ambientales, escribe en tu diario y cierra la jornada con calma. Vela cuida tanto tu productividad como tu bienestar.
Daily Brief · lunes 23 mar
Lunes · 23 mar 2025
Buenos días
14 días seguidos
3
URGENTES
12
TAREAS
4/6
HÁBITOS
54%
META
El éxito no es hacer mil cosas. Es hacer las cosas correctas con presencia, consistencia y cuidado.
La filosofía detrás de Vela

Tu mejor día
comienza ahora

Sin registro. Sin instalación. Sin fricción.
Solo abre Vela y empieza a construir la versión de ti que quieres ser.

100% gratis
Sin registro
Datos locales
9 herramientas integradas
6 temas visuales