Daylign
A values-aligned daily planner built with Svelte 5. Edit your principles, time blocks, priorities and reminders directly on the page. Supports split time blocks, undo/redo, persistent state, and light/dark/auto theming. Built to print or screenshot when ready.
Daylign
A values-aligned daily planner built with Svelte 5. Edit your principles, time blocks, priorities and reminders directly on the page. Supports split time blocks, undo/redo, persistent state, and light/dark/auto theming. Built to print or screenshot when ready.
Features
- Inline editing throughout — click any text to edit it
- Principles, time blocks, priorities, daily alignment, tools and boundaries
- Split time blocks into contextual groups (WFH / Office, energy levels, or custom)
- Undo / redo with keyboard shortcuts (
Ctrl+Z/Ctrl+Y) - Persistent state via
localStorage— edits survive a page refresh - Reset to defaults with a single click
- Light, dark and auto (system) theme
- Print or screenshot ready layout
Tech Stack
- Svelte 5 with TypeScript
- Vite
- SCSS with CSS custom properties for theming
- ESLint, Stylelint, Prettier
- Husky + lint-staged pre-commit hooks
- Vitest + Playwright
Getting Started
pnpm install
pnpm dev
Scripts
| Command | Description |
|---|---|
pnpm dev |
Start dev server |
pnpm build |
Production build |
pnpm preview |
Preview production build |
pnpm check |
Svelte type checking |
pnpm lint |
Run all linters |
pnpm format |
Format with Prettier |
pnpm test |
Run unit tests |
Version
2026.05.10
