Daylign Svelte Themes

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

Top categories

Loading Svelte Themes