One source, multiple views
Keep cards in grid.source, enable Kanban for workflow work, and restore the latest source and table columns when the board is disabled.
Reactive Kanban
JavaScript Kanban Board
JavaScript Kanban board component with drag-and-drop ordering, swimlanes, WIP policies, card editing, history, and hardware-bound virtualized scale.
Source-backed drag and dropSwimlanesWIP rulesCard editing
Product demonstrations
See real workflow behavior, not a static board mockup.
Move work between stages, focus large boards with collapsible swimlanes, and inspect the delivery detail carried by each source-backed card.
Complete Kanban walkthrough
Watch source-backed movement, swimlane collapse, WIP context, and detailed custom cards in the production-style showcase.
Open live demo →
50K-Task Kanban
Explore 50,000 source-backed tasks across ten virtualized workflow columns and two collapsible team swimlanes.
Open live demo →
100K server-loaded Kanban
Page through 100,000 remote cards in small chunks with loading placeholders, accurate totals, and visible request status.
Open live demo →
Collapsible swimlanes
Group work by team and collapse a lane without creating a separate board-only state model or nested scrolling surface.
Open live demo →Why RevoGrid Kanban?
A workflow view over product data
RevoGrid Kanban projects ordinary RevoGrid source rows into workflow columns and card rows. Your product keeps the canonical records, business rules, persistence, and surrounding UI.
Grid-backed interaction
RevoGrid providers own projected rows, columns, dimensions, focus, viewport state, filtering, and plugin coordination.
Product-owned policy
Validate transitions, permissions, WIP behavior, custom content, and persistence without moving users into a separate project-management application.
Features
Kanban capabilities for operational products.
Give users familiar board interaction while keeping workflow identity, rules, and persistence connected to the same data model as the rest of your application.
Source-backed movement
Reorder cards or move them across columns and swimlanes with pointer, touch, keyboard, context-menu, or public API workflows.
Workflow columns and swimlanes
Define ordered stages, team or product lanes, lane-specific presentation, and independent column, lane, or lane-label collapse behavior.
WIP and transition rules
Warn or block when capacity is exceeded, restrict allowed origins, and compose application permissions with ordered visual card rules.
Editing, context menus, and history
Use the packaged schema-driven card editor, validation lifecycle, CRUD requests, shared context menu, and atomic undo or redo operations.
Product-grade customization
Replace card content, workflow headers, lane headers, empty states, and drag previews while the managed shell preserves focus and movement semantics.
Filtering and application state
Combine RevoGrid filters with RevoGrid Kanban search, persist exact changed-card batches, control selection, and switch between board and table views.
Integrations
One RevoGrid Kanban component across frontend stacks.
Use the same JavaScript Kanban board component from JavaScript and TypeScript or through RevoGrid's React, Vue, Angular, and Web Component integrations.
Capability guide
What product teams get from RevoGrid Kanban.
Evaluate the workflow, state, customization, and interaction capabilities that usually turn a simple board into maintained product infrastructure.
| Capability | RevoGrid Kanban | Product value |
|---|---|---|
| Canonical data model | Cards remain ordinary grid.source records | Avoid synchronizing a separate board-only state tree. |
| Card movement | Pointer, touch, keyboard, context-menu, and API movement | Serve mouse, touch, keyboard, and automated product workflows through one validation path. |
| Multi-selection | Toggle, range, and atomic multi-card moves | Let users reorganize related work without partial commits. |
| Swimlanes | Explicit or derived lanes with collapse and lane WIP limits | Split every workflow stage by team, release, product area, or class of service. |
| Workflow policy | WIP warn or block behavior, transitions, permissions, and rules | Reflect business constraints directly in the board interaction. |
| Card editing | Schema-driven editor, validation events, CRUD requests, and replacement UI hooks | Start with a packaged form while preserving application-owned persistence. |
| History and persistence | Atomic ID-based history and exact changed-card event batches | Persist only the records affected by movement, CRUD, or rank rebalancing. |
| Accessibility | Focusable cards, keyboard pickup, live announcements, and reduced-motion styles | Keep core interaction available without depending on pointer dragging. |
| Custom presentation | Cards, headers, lanes, empty states, previews, CSS tokens, labels, and locale | Match the board to your product without replacing the managed interaction shell. |
Use cases
Where teams embed RevoGrid Kanban.
Use Kanban when workflow state belongs beside editable product data, business rules, reporting, and alternate grid or planning views.
Product delivery
Track discovery, design, engineering, review, release, ownership, progress, and story-point context in one workflow surface.
Explore product delivery →
Support operations
Move cases through triage, investigation, customer response, escalation, and resolution with team or priority swimlanes.
Explore support operations →
Sales and onboarding
Organize opportunities, implementation stages, customer owners, due dates, and handoffs without building a separate pipeline UI.
Explore sales and onboarding →
Content and approvals
Coordinate briefs, production, legal review, localization, publishing, and campaign work with explicit transition rules.
Explore content and approvals →
Quality and manufacturing
Manage defects, inspections, work orders, approvals, and team capacity while preserving operational record fields.
Explore quality and manufacturing →
Internal workflows
Build focused boards for finance, compliance, hiring, procurement, IT, and other processes that already live in data-heavy applications.
Explore internal workflows →FAQ
RevoGrid Kanban questions
No. Kanban projects canonical RevoGrid source rows into workflow columns and card rows. Your application continues to own the records and persistence.
Pricing and trial
Evaluate Kanban inside your own product workflow.
RevoGrid Kanban is included in Pro Advanced. Licensing is per front-end developer with no runtime royalties or deployment counting.
Pro Advanced current USD price$375 / developer / year
30-day public npm trial
Install the 30-day Pro trial directly from the public trial registry. No account, form, or approval is required.
1 developer seat · Unlimited product usage
Licensed applications can be deployed without per-deployment or per-end-user charges, subject to the license terms.
Full Pro Advanced bundle
Includes Pivot, Kanban, Gantt, Scheduler, original private source access, and priority support.
Documentation and source
Continue from the product page into implementation details.
Use the focused guides for exact configuration, movement, editing, persistence, accessibility, and performance.
Included in Pro Advanced
RevoGrid Kanban is part of the Pro Advanced bundle.
RevoGrid Kanban is included with Pro Advanced, together with original private source access, unlimited product usage, and priority support.
Pro Advanced from
$375
/developer/year
+Pivot Tables
+Gantt Charts
+Original source repository
+1 developer seat · Unlimited product usage
+Priority support
Ship a workflow board without creating another data silo.
Project your RevoGrid source into RevoGrid Kanban, adapt the JavaScript Kanban board to your product, and keep workflow policy and persistence under application control.