Productivity apps

Overview

BLACKICE Portal includes a comprehensive suite of productivity tools designed to help you organize tasks, build habits, and manage your time effectively. All tools work seamlessly together in your browser.

SwissTodo

Modern task manager with priorities, tags, and drag-and-drop

TimeFlow planner

Advanced scheduling and time blocking

Habit tracker

Build consistent habits with streak tracking

Notes & docs

Quick note-taking and document creation

SwissTodo task manager

Overview

A minimalist, Swiss-design inspired task manager with powerful features and a clean interface.

SwissTodo uses UIKit framework for a polished, native-like experience across all devices.

Key features

Task organization:

Create tasks with titles, descriptions, and due dates
Set priority levels: High, Medium, Low
Add custom tags for categorization
Drag-and-drop reordering with SortableJS
Mark tasks as complete with satisfying animations

Visual design:

/* SwissTodo follows Swiss design principles */
{
  "typography": "Inter font family",
  "colors": "Minimal palette with accent colors",
  "spacing": "Generous whitespace",
  "interactions": "Smooth animations and transitions"
}

Priority system:

High priority
Medium priority
Low priority

Red accent color (#EF4444)Use for:

Urgent deadlines
Critical tasks
Time-sensitive items

Orange accent color (#F59E0B)Use for:

Important but not urgent
This week’s goals
Regular work items

Blue accent color (#3B82F6)Use for:

Long-term goals
Nice-to-have tasks
Ideas and planning

Creating tasks

Quick add:

Click the add button or press N key
Type your task title
(Optional) Add description, priority, tags
Press Enter or click Save

Detailed task:

Task properties:
  title: "Complete project proposal"
  description: "Include budget, timeline, and deliverables"
  priority: high
  tags: ["work", "proposals", "client"]
  dueDate: "2026-03-15"
  status: "pending"

Dark mode

SwissTodo includes a beautiful dark mode that automatically adapts to your system preferences. Toggle dark mode:

Click the moon/sun icon in the header
Or use keyboard shortcut: Ctrl/Cmd + D
Preference saved in local storage

Dark mode color scheme

.dark-mode {
  --bg-primary: #0F0F0F;
  --bg-secondary: #1A1A1A;
  --bg-tertiary: #262626;
  --text-primary: #FFFFFF;
  --text-secondary: #A1A1AA;
  --border-color: #27272A;
}

Drag-and-drop

Reorder tasks by dragging them to your preferred position. How it works:

Long press (mobile) or click and hold (desktop)
Drag task to new position
Drop to save new order
Order persists in local storage

Tasks automatically save their order. No save button needed!

TimeFlow planner

Advanced time blocking and weekly planning tool.

Features

Time blocking:

Visual calendar with hour blocks
Drag to create time blocks
Color-coded categories
Recurring events support

Weekly overview:

// TimeFlow weekly structure
{
  "view": "week",
  "startDay": "Monday",
  "timeRange": "6:00 AM - 11:00 PM",
  "blockDuration": "30 minutes",
  "categories": ["Work", "Personal", "Focus", "Break"]
}

Planning workflows:

Time blocking

Allocate specific time slots for tasks

Weekly planning

Plan your entire week at a glance

Daily review

Review and adjust your schedule daily

Analytics

See how you spend your time

Creating time blocks

Click on a time slot in the calendar
Enter task/event title
Set duration (drag to extend)
Choose category/color
Save block

Notes and documents

Text file maker

Quick note-taking with instant save and export. Features:

Real-time auto-save
Export as .txt file
Word and character count
Minimal distraction interface

Markdown editor

Full-featured markdown editor with live preview. Supported syntax:

# Headings
**Bold** and *italic*
- Lists
- [ ] Todo items
[Links](https://example.com)
`Code blocks`
> Blockquotes

Export options:

Download as Markdown (.md)
Copy HTML output
Export as PDF
Print formatted document

Document creation

Docs creator

Create formatted documents with rich text editing. Features:

WYSIWYG editor
Text formatting (bold, italic, underline)
Lists and headings
Insert images and links
Export to multiple formats

Slides Studio

Create presentations directly in your browser. Presentation features:

Slide types:
  - Title slide
  - Content slide
  - Two-column layout
  - Image + text
  - Full-screen image

Styling:
  - Pre-built themes
  - Custom colors
  - Font options
  - Transitions

Creating slides
Presenting

Click “New Slide”
Choose layout template
Add content (text, images, code)
Customize styling
Preview presentation

Press F for fullscreen
Arrow keys to navigate
Esc to exit
Speaker notes support

Habit tracking

Build consistent habits with visual streak tracking. Tracking features:

Daily check-ins
Streak counters
Visual heat maps
Reminder notifications
Success analytics

Creating habits:

{
  "habit": "Morning meditation",
  "frequency": "daily",
  "reminderTime": "07:00",
  "streak": 0,
  "totalCompletions": 0
}

Data management

Local storage

All productivity apps use browser local storage for instant access. What’s stored:

Tasks and their properties
Time blocks and schedules
Notes and documents
Habit completion data
User preferences

Local storage data stays on your device. Export important data regularly!

Import/Export

Export options:

JSON export: Download all data as JSON
CSV export: Import to spreadsheets
Markdown export: Human-readable format
Print: PDF via browser print

Import data:

// Import JSON backup
{
  "tasks": [...],
  "events": [...],
  "notes": [...],
  "habits": [...],
  "exportDate": "2026-03-03"
}

Keyboard shortcuts

SwissTodo shortcuts

Shortcut	Action
`N`	New task
`D`	Toggle dark mode
`Ctrl/Cmd + S`	Save current task
`Delete`	Delete selected task
`Esc`	Close modal

TimeFlow shortcuts

Shortcut	Action
`T`	New time block
`W`	Week view
`D`	Day view
`Left/Right`	Navigate days
`Up/Down`	Navigate hours

Mobile optimization

All productivity apps are fully responsive and touch-optimized. Mobile features:

Swipe gestures for navigation
Touch-friendly buttons (44px minimum)
Pull to refresh
Mobile-optimized keyboards
Offline functionality

Best practices

Review daily: Check tasks every morning
Limit WIP: Don’t have too many tasks in progress
Use priorities: Not everything is urgent
Time block: Schedule focused work time
Export weekly: Backup your data regularly

Get Started

Features

Components

Pages

Overview

SwissTodo

TimeFlow planner

Habit tracker

Notes & docs

SwissTodo task manager

Overview

Key features

Creating tasks

Dark mode

Drag-and-drop

TimeFlow planner

Features

Time blocking

Weekly planning

Daily review

Analytics

Creating time blocks

Notes and documents

Text file maker

Markdown editor

Document creation

Docs creator

Slides Studio

Habit tracking

Data management

Local storage

Import/Export

Keyboard shortcuts

Mobile optimization

Best practices

Next steps

AI tools

Developer utilities

Build docs developers (and LLMs) love

Get Started

Features

Components

Pages

​Overview

SwissTodo

TimeFlow planner

Habit tracker

Notes & docs

​SwissTodo task manager

​Overview

​Key features

​Creating tasks

​Dark mode

​Drag-and-drop

​TimeFlow planner

​Features

Time blocking

Weekly planning

Daily review

Analytics

​Creating time blocks

​Notes and documents

​Text file maker

​Markdown editor

​Document creation

​Docs creator

​Slides Studio

​Habit tracking

​Data management

​Local storage

​Import/Export

​Keyboard shortcuts

​Mobile optimization

​Best practices

​Next steps

AI tools

Developer utilities

Build docs developers (and LLMs) love

Overview

SwissTodo task manager

Overview

Key features

Creating tasks

Dark mode

Drag-and-drop

TimeFlow planner

Features

Creating time blocks

Notes and documents

Text file maker

Markdown editor

Document creation

Docs creator

Slides Studio

Habit tracking

Data management

Local storage

Import/Export

Keyboard shortcuts

Mobile optimization

Best practices

Next steps