Vibe UI
Initializing Vibe UI System...
Vibe UI

Table

A fully-customizable responsive table component supporting all Vibe UI visual presets.

Table

A fully-customizable responsive table component supporting all Vibe UI visual presets.

Preview

FilenameTypeSize
index.htmlHTML File12 KB
styles.cssCSS Style4.8 KB

Installation

pnpm dlx vibe-ui-kit@latest add table checkbox badge avatar button input pagination
💡 Vibe UI Component Dependencies: This component requires other components to work correctlyPlease make sure you also install these Vibe UI component dependencies: checkbox, badge, avatar, button, input, pagination

Preset Variations

Glassmorphic

Rows per page:
MemberRoleStatus
SV
Sarah Vance
sarah@vibe.dev
OwnerActive
AM
Alex Mercer
alex@vibe.dev
MemberIdle
ER
Elena Rostova
elena@vibe.dev
AdminActive
0 of 3 row(s) selected.

Retro Neobrutalism

SeverityMessageTime
ErrorAuth failed: Invalid credentials12:04:15
WarningDisk space warning: 85% full12:03:10

Neon Glow

Order IDProductsTotal
#ORD-9024Vibe Button CLI, Switch Element$45.00
#ORD-8115Circular Progress Indicator (Glow)$15.00

Premium Use Case Examples

1. Server Status dashboard

NodeCPUMemoryStatus
us-east-124%68%Healthy
eu-west-294%89%Degraded

2. Pricing Matrix Table

PlanFeaturesPrice
DeveloperCLI installer, standard components, custom supportFree
ProAll presets, source access, multi-workspace license$19/mo

3. Inventory SKU Control

SKUItemIn Stock
VIBE-BTN-01Neon Glow Button Widget142
VIBE-CRD-02Glassmorphic Card Panel87

4. Active Tasks Backlog Tracker

TaskAssigneePriority
Implement embla sliderSarah V.High
Style daypicker datesAlex M.Medium

5. Media File Explorer List

File NameSizeDate Modified
components.json3.2 KBToday, 10:14 AM
utils.ts1.1 KBYesterday, 4:45 PM

6. Database Table Schema Display

ColumnTypeConstraints
idUUIDPRIMARY KEY
created_atTIMESTAMPDEFAULT NOW()

Contributors

JS
Jenish Sabhadiya

Theme Customizer

8px
@theme {
  --radius: 0.5rem;
  --glass-blur: 8px;
}
Changes apply instantly to this documentation workspace.
Table | Vibe UI