https://github.com/ikigai-systems/react-notion-table
📋 Airtable/Coda/Notion table - advanced React Datagrid
https://github.com/ikigai-systems/react-notion-table
airtable airtable-like coda coda-like data-grid data-grid-view datagrid javascript notion notion-like react smart table ui-component
Last synced: 18 days ago
JSON representation
📋 Airtable/Coda/Notion table - advanced React Datagrid
- Host: GitHub
- URL: https://github.com/ikigai-systems/react-notion-table
- Owner: Ikigai-Systems
- Created: 2025-04-28T15:22:52.000Z (25 days ago)
- Default Branch: master
- Last Pushed: 2025-04-28T16:32:01.000Z (25 days ago)
- Last Synced: 2025-05-05T06:09:35.823Z (18 days ago)
- Topics: airtable, airtable-like, coda, coda-like, data-grid, data-grid-view, datagrid, javascript, notion, notion-like, react, smart, table, ui-component
- Homepage: https://tabulara.ikigai.systems
- Size: 3.91 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📋 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
```javascript
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
```html
```
## 📅 Current Status
🚧 **Tabulara is currently in pre-release development.**
Subscribe to updates [here](https://tabulara.ikigai.systems/get-started) 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. 🚀"