A visual thinking tool for representing time, tasks, or any collection as an interactive grid of colored blocks.
Try it: blocks.stride.host
Blocks helps you visualize and reflect on how you spend your time or allocate resources. Each block represents a unit (hour, day, week, year) that you can color-code and label to see patterns at a glance.
Example uses:
- Track how you spend a typical day (24 blocks = 24 hours)
- Plan your week (7 blocks = 7 days)
- Reflect on a year (52 blocks = 52 weeks)
- Visualize your life in years (100 blocks = 100 years)
Quick-start with common time layouts:
- 24 Hours - A day broken into hours (with sleep/awake defaults)
- 7 Days - A week
- 12 Months - A year by month
- 52 Weeks - A year by week
- 100 Years - A human lifespan
Create any grid size you need. Custom grids are automatically saved and persist across sessions.
- 8 colors including a neutral gray
- Editable labels for each color (e.g., "work", "sleep", "exercise")
- Labels appear in the legend when colors are in use
- Single tap/click: Select one block
- Second tap on different block: Select range between them
- Shift+click (desktop): Select range
- Tap selected block: Clear selection
- Choose a color from the legend to apply to selection
- All state saves to localStorage automatically
- Each preset/saved grid maintains its own state
- Switch between grids without losing progress
MIT