Pro Components

Base Components

Todo List App Page

A full-page todo list app with drag-and-drop functionality and kanban view.

Example

My Tasks

2 of 8 completed

Design new landing page mockups

Write unit tests for auth module

Update project dependencies

Build dashboard components in Figma

Integrate payment gateway API

Review pull requests from team

Set up CI/CD pipeline

Configure ESLint and Prettier

Introduction

Todo List App Page includes:
  • Drag-and-drop functionality: Drag and drop todos between sections and within sections.
  • Kanban view: View todos in a kanban board.
  • List view: View todos in a list.

Usage

import Page from "@/components/app-pages/todo-list-app-page/page";

<Page />;
© 2026 BlakeUI. All rights reserved.