Notion-style tables, made easy.
Beautiful, flexible, and lightweight JavaScript tables for modern web apps. More at https://tabulara.ikigai.systems.
- 🖌️ Notion-like aesthetics — Clean, minimal, and delightful by default.
- ⚡ Lightweight — Zero external dependencies.
- 🎛️ Fully customizable — Themes, column types, custom cell renderers.
- ✏️ Editable tables — Enable inline editing with one config switch.
- 🔥 Fast performance — Handles large datasets smoothly.
- 🎯 Developer-friendly API — TypeScript support included.
import { Table } from 'tabulara';
const table = new Table({
element: '#my-table',
columns: [
{ name: 'Task', type: 'text' },
{ name: 'Status', type: 'select', options: ['Todo', 'In Progress', 'Done'] },
{ name: 'Priority', type: 'tags' },
],
data: [
{ Task: 'Fix login bug', Status: 'In Progress', Priority: ['High'] },
{ Task: 'Write docs', Status: 'Todo', Priority: ['Medium'] },
],
});In your HTML
<div id="my-table"></div>🚧 Tabulara is currently in pre-release development. Subscribe to updates here to be notified when we launch!
"Tabulara is built for developers who care about great user experiences. Join us on this journey — and build better tables today. 🚀"
