📋 Tabulara

Notion-style tables, made easy.
Beautiful, flexible, and lightweight JavaScript tables for modern web apps. More at https://tabulara.ikigai.systems.

✨ Features

• 🖌️ 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.

🛠️ Quick Start

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>

📅 Current Status

🚧 Tabulara is currently in pre-release development. Subscribe to updates here to be notified when we launch!

📣 Stay Tuned!

"Tabulara is built for developers who care about great user experiences. Join us on this journey — and build better tables today. 🚀"