Todo List Widget

Embeddable task management with due dates, filtering, and real-time sync.

Overview

A zero-friction task list that keeps your day organized. Combines simple CRUD operations with real-time persistence so tasks are always in sync across devices.

Pricing: Free Embed modes: Inline, Iframe

Visual styles

  • Card — tasks in distinct, elevated containers with depth
  • Compact — tight spacing for high-density lists
  • Minimal — flat, borderless design for seamless integration

Configuration

SettingTypeDefaultDescription
VariantEnumCardVisual style
TitleStringTodo ListHeader text
PlaceholderStringAdd task…Input field placeholder text
Due DatesBooleanOffEnable the due date picker
FiltersBooleanOnShow the status filter bar (All, Active, Completed)
Task CountBooleanOnDisplay “X tasks left” footer

Features

  • Smart due dates — visual urgency indicators for overdue tasks
  • Real-time sync — state updates instantly across all devices
  • Contextual filtering — switch between All, Active, and Completed views
  • Smooth animations — task completion and removal with fluid transitions

Use cases

  • Daily agendas — quick task capture throughout the day
  • Project milestones — public-facing checklists for feature tracking
  • Team standup boards — shared task lists embedded in team pages
  • Personal dashboards — embedded to-do on browser start pages

Embed example

<script src="https://cdn.widget.best/embed.js"
  data-widget-id="your-todo-id">
</script>

Technical details

  • Task data stored in dedicated SQLite database per instance
  • Atomic state management ensures data integrity during concurrent updates
  • Completed task animations use CSS transitions for smooth UX