Neue Datei public/styles/glass.css (rein additiv, kein bestehender Code verändert, nur optische Overrides über @supports-Guards): Bottom Navigation: - backdrop-filter + background-color auf --glass-* Tokens umgestellt - Active-Item: konzentrische Glass-Kapsel (color-mix + inset highlight) - Hover (Maus): subtiles Glass-Pill via color-mix Sidebar (Desktop ≥ 1024px): - backdrop-filter blur(8px) saturate(160%) mit --glass-bg-elevated - Glass-Border + --glass-shadow-md - Active-Item: Glass-Pill + specular inset-shadow Modal: - Overlay: reduziertes Dimming + blur(4px) Page-Blur (Tiefeneffekt) - Panel: --glass-bg-elevated + backdrop-filter + --glass-shadow-lg - Sticky Header: matching Glass-BG für sauberes sticky-Verhalten Buttons: - .btn--primary: --radius-glass-button (capsule) + specular highlight - .btn--secondary: capsule radius - .btn--ghost hover: glass backdrop-filter FAB: - Specular-Highlight oben + Absenkung unten via inset box-shadow Cards: - .card--interactive hover: Glass-lift (nur auf hover-fähigen Geräten) Accessibility: - prefers-reduced-transparency: specular highlights + glass shadows deaktiviert - prefers-reduced-motion: alle Transitions auf 0.01ms
Oikos
Self-hosted family planner for small households
Tasks · Shopping Lists · Meal Planning · Calendar Sync · Budget · Notes · Contacts
|
|
|
Toggle GitHub light/dark mode to see both themes.
Highlights
Task Management: Shared tasks with deadlines, priorities, subtasks, recurring schedules, Kanban view with one-tap status buttons for touch devices
Shopping Lists: Collaborative lists with aisle categories and one-click import from meal plans
Meal Planning: Weekly drag-and-drop planner with ingredient lists and shopping export
Calendar Sync: Two-way sync with Google Calendar (OAuth) and Apple iCloud (CalDAV)
Budget Tracking: Income and expenses, recurring entries, configurable currency (15 currencies), monthly trends, CSV export
Notes & Contacts: Colored sticky notes with Markdown, contact directory with vCard import/export
Zero Build Step: Pure ES modules, no bundler, no transpiler, no framework. Ships what you write.
Privacy First: SQLCipher AES-256 encrypted database, fully self-hosted, zero telemetry
PWA Native Feel: Installable on any device, works offline, dark mode, responsive from phone to desktop
Multilingual: German, English, Spanish, French, Italian, Swedish, Greek, Russian, Turkish, and Chinese UI with automatic locale detection
Quick Start
Option A — pre-built image (fastest, no clone required):
curl -O https://raw.githubusercontent.com/ulsklyc/oikos/main/docker-compose.yml
curl -O https://raw.githubusercontent.com/ulsklyc/oikos/main/.env.example
cp .env.example .env # edit .env — set SESSION_SECRET and DB_ENCRYPTION_KEY
docker compose up -d
docker compose exec oikos node setup.js
Option B — build from source:
git clone https://github.com/ulsklyc/oikos.git && cd oikos
cp .env.example .env # edit .env — set SESSION_SECRET and DB_ENCRYPTION_KEY
docker compose up -d --build
docker compose exec oikos node setup.js
Then open http://localhost:3000 and log in with the admin credentials you set in the previous step. Add family members from Settings.
New to Docker? The Installation Guide walks you through every step: From installing Docker to HTTPS setup, backups, and troubleshooting.
Tech Stack
Documentation
| Installation | Spec & Data Model | Contributing | Security | Changelog | Backlog |
|---|


