SVAR Logo
DemosLicensesContact
Get Started
 
 
 
 
 
 
 
 
Just released

Svelte Kanban Board

SVAR Kanban is a quick and easy-to-use UI component. Add a stunning Kanban board interface to your Svelte-based web app.

Also available for:

Svelte Kanban for Task Management

Built natively with Svelte 5 and styled with CSS, so you own the markup, the data, and the styling. Start with the free, open source edition, with a PRO upgrade path for boards that need to scale.

Star on GitHub

Try Svelte Kanban Board

For the best experience, view this page on a desktop device to enjoy the live demo, as it looks great on larger screens!

Open Fullscreen Demo

Advanced Features of SVAR Kanban

User-friendly interface

On this compact Svelte Kanban Board, users can manage the entire workflow by dividing tasks into any number of categories, setting task priority, assigning tasks to team members, and keeping track of their progress using deadlines and intuitive progress bars.

Drag-and-drop tasks as you like

Cards move between columns and reorder within a column out of the box, with no extra wiring. Every drag fires a move-card action your app can observe, validate, or cancel — so you decide what's allowed, not the widget.

Built-in editor and context menu

SVAR Svelte Kanban comes with a built-in task editor, so users can easily change the tasks details, description, add comments or check lists. The context menu gives access to edit, duplicate, delete, or custom actions.

Sort, group, and filter tasks

SVAR Kanban makes it possible to sort cards in ascending or descending order, and search for a task by its label or description. Filter, sort, and group cards by any field, including custom ones, without re-fetching or re-rendering the board.

Custom card templates and styling

Cards support priority, tags, progress, deadlines, assignees, and cover images — plus a fully custom card body when the built-in layout isn't enough. You can style the cards by using our rich API and CSS variables.

Virtualized rendering for large boards

Column and card virtualization keep large boards fast by rendering only what's on screen. Pair that with the REST data provider to connect the board to your backend in a few lines, no custom data layer required.

Scale Up with Svelte Kanban PRO

The free edition covers most boards. PRO adds what production teams need for effective task management: instant loading at any scale, a full undo/redo safety net, and one-click reporting.

Pricing & Details Get Trial

pro

some alt text

Dynamic column loading

Skip loading every card up front. Columns fetch their cards only as they scroll into view, so boards with dozens of columns and thousands of cards stay fast from the first paint. Pair this with the REST data provider, and even enterprise-scale boards feel instant from the initial render.

pro

some alt text

Export to PDF, PNG, and Excel

Turn any board view into a shareable file in one click. Export to PDF or PNG for reporting, or to Excel for deeper analysis, with a ready-made export UI so you don't have to build one. PDF and PNG exports render the board exactly as users see it on screen.

pro

some alt text

Undo and redo

Every edit, move, and delete is reversible. Users get a full undo/redo history with toolbar buttons that update automatically, giving production tools the safety option that prototypes typically skip. History tracks every change on its own, making it comfortable for users to edit tasks.

Try Svelte Kanban PRO

Get full access to SVAR Svelte Kanban PRO for 30 days. We'll email you installation instructions right after you submit the form.

  • Fully functional trial
  • 30-day trial period
  • SVAR watermark

Read the full Trial License Agreement

Need help with integration?

Our team offers paid consulting and custom development services to help you make the most of Svelte Kanban Board, from setup and feature customization to full web app development for your business needs.

Contact Us

Frequently Asked Questions

SVAR Svelte Kanban is a Svelte 5 component for building drag-and-drop Kanban boards. It lets you manage tasks across columns, customize cards, connect to APIs, and scale from simple boards to production-grade workflows. It is built natively for Svelte using runes-based reactivity and does not depend on other frameworks. Full TypeScript support included.
Yes. Drag-and-drop is built in by default.
  • Move cards between columns
  • Reorder cards within a column
  • Each move emits a move-card action
  • Actions can be observed, validated, or cancelled
No additional setup is required.
SVAR Svelte Kanban is typically used for:
  • Agile project management boards
  • Scrum workflows
  • Issue tracking systems
  • CRM pipelines (sales, leads, deals)
  • Product roadmaps
  • Content planning systems
  • Recruitment and hiring pipelines
  • Internal workflow automation tools
Yes. You can customize cards in three ways:
  • Enable/disable built-in sections (priority, tags, progress, etc.)
  • Use cardContent for a fully custom Svelte component
  • Apply dynamic styling with cardCss
This allows both simple task boards and fully custom workflow systems.
Yes. Performance features include:
  • Virtualized rendering (cards and columns)
  • Optional fixed column widths
  • Column and card overscan tuning
  • Dynamic column loading (PRO)
This allows boards with thousands of cards to remain responsive.
SVAR Svelte Kanban comes in an open-source, MIT-licensed edition that is free to use in personal and commercial projects. The MIT version includes:
  • Drag-and-drop board
  • Columns and cards
  • Built-in editor and context menu
  • Filtering and sorting
  • Custom card rendering
  • Virtualization
  • REST integration
  • Theming support
It is fully usable for production in many cases.
PRO adds features for large-scale and enterprise use:
  • Dynamic column loading
  • Undo / redo history
  • Export to PDF, PNG, XLSX
If dynamic loading is enabled, instead of loading all data at once, columns load their cards when they become visible. This reduces initial load time for large boards with many columns. The API is identical between MIT and PRO. Learn about pricing →

Resources

icon

How to start guide

Quick start

icon

Community forum

Visit forum

icon

GitHub repository

Visit github