📌

Kanban Board

Drag-and-drop Kanban board for project management

95%
Code Reduction
600
Traditional Lines
30
Factory Lines
4
Frameworks

Code Example

const ProjectKanban = ui.createKanban({
  columns: [
    { id: 'todo', title: 'To Do', items: todoTasks },
    { id: 'progress', title: 'In Progress', items: progressTasks },
    { id: 'done', title: 'Done', items: doneTasks }
  ],
  onDragEnd: (result) => updateTaskStatus(result),
  cardRenderer: (task) => <TaskCard {...task} />
});

Usage

1. Install the package

npm install @vladimirdukelic/revolutionary-ui-factory

2. Import and setup

import { setup } from '@vladimirdukelic/revolutionary-ui-factory';
const ui = setup();

3. Create your component

Use the code example above to create your Kanban Board component with 95% less code!

Features

  • ✓Drag & drop
  • ✓Custom columns
  • ✓Card templates
  • ✓Swimlanes
  • ✓WIP limits
  • ✓Filters

Supported Frameworks

React✓
Vue✓
Angular✓
Svelte✓