Overview

MultiBase Pro is a multi-view database component that lets users switch between four distinct layouts — Table, Gallery, Board (Kanban), and List — using one shared data source. It's built for real-world use cases: team directories, project trackers, CRM dashboards, inventory lists, and more.

Four Views, One Component

Table View Virtualized rows for blazing performance even with hundreds of records. Sortable columns, sticky header, zebra striping, row selection (single or multiple), and inline cell types: avatar, status badge, progress bar, currency, rating stars, date, link, image, and boolean.

Gallery View Responsive card grid with avatar, name, status badges, progress bars, and star ratings. Fully customizable: column count (1–6), card gap, radius, padding, and optional card shadows.

Board View (Kanban) Group items by any field — status, role, category, or custom. Each column shows a color-coded header with item count, and compact cards inside. Horizontal scroll for many groups.

List View Dense, Linear-style rows. Three density options: Comfortable, Compact, and Dense. Shows avatar, name, inline metadata, and status badge in a single scannable row.

View Switcher

A built-in toolbar toggle lets visitors switch views instantly. Smooth fade animation between views (can be disabled). Choose which views to enable and set the default.

Five Data Sources

• Manual — Edit rows visually in the Framer property panel

• Paste JSON — Drop in a JSON array

• Paste CSV — Paste CSV text with headers

• Remote JSON — Fetch from any public URL with optional auto-refresh

• Remote CSV — Same for remote CSV endpoints

11 Cell Types

Text, Number, Currency, Date, Status (auto-colored badges), Progress (gradient bar), Avatar + Name, Rating (half-star support), Link (native Framer links), Image, and Boolean (checkbox).

Three Themes + Full Override

Choose from Slate (dark), Light, or Graphite. Enable Color Overrides to customize 18 individual tokens: panel, border, text, header, accent, success, warning, error, chip, and more.

12 Font Controls

Every text element has its own typography slot using Framer's native Font control: Headers, Cells, Name, Toolbar, Badges, Progress, Currency, Rating, Links, Dates, Buttons, and Small Text.

Complete Layout Control

Fine-tune every pixel: container radius, border width, row height, header height, cell padding, avatar size, badge radius, progress bar height, star size, image dimensions, search bar height, button size, checkbox size, and shadow toggle.

Features Toggle

Enable or disable individually: Search, Sorting, Selection (single/multiple), Sticky Header, Zebra Rows, Hover Highlight, Compact Mode, and Row Count display.

Export & Pagination

Export data as CSV, JSON, or copy to clipboard. Pagination with configurable page size (10–200) and page info display. Board view shows all items; Table, Gallery, and List views are paginated.

Property Controls Summary

• View Settings — default view, enabled views, switcher, animation

• Gallery Settings — columns, gap, card radius, padding, shadow

• Board Settings — group-by field, column gap, column width, count badge

• List Settings — density, dividers

• Data Source — manual, JSON, CSV, remote JSON, remote CSV

• Columns — key, label, type, width, currency, fallback image

• Theme — Slate, Light, Graphite + 18 color overrides

• Features — search, sort, select, sticky, zebra, hover, compact, count

• Pagination — enable, page size, show info

• Export — enable, format selection

• Typography — 12 font slots

• Layout — 25+ spacing and sizing tokens