Vibe UI
Initializing Vibe UI System...

Table

A fully-customizable responsive table component supporting all Vibe UI visual presets and context-aware styling.

Table

A fully-customizable responsive table component supporting all Vibe UI visual presets and context-aware styling.

Preview

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

Installation

pnpm dlx vibe-ui-kit@latest add table

Interactive Showcase

An ultimate, production-ready interactive dashboard table demonstrating advanced client-side filtering, column sorting, pagination controls, multi-row selection, and badge integrations.

User
Status
Balance
Actions
SC
Sarah Connorsarah@skynet-resistance.org
$1540.00
MW
Marcus Wrightmarcus@cyberdyne.sys
$890.00
JC
John Connorjohn@skynet-resistance.org
$2850.50
KR
Kyle Reesekyle@resistance.net
$1200.00
Showing 1-4 of 10 users
Page 1 of 3

Preset Variations

Explore the visual design presets of the Table component, displaying Default, Glassmorphic, Retro Neobrutalist, Glow Accent, and Cyberpunk Matrix layouts.

Default
ServiceTypeStatus
Core EngineSystemActive
API BridgeGatewayPending
Glassmorphic
ServiceTypeStatus
Core EngineSystemActive
API BridgeGatewayPending
Retro Neobrutalism
ServiceTypeStatus
Core EngineSystemActive
API BridgeGatewayPending
Glow Accent
ServiceTypeStatus
Core EngineSystemActive
API BridgeGatewayPending
Cyberpunk Matrix
ServiceTypeStatus
Core EngineSystemActive
API BridgeGatewayPending

Props

Table

PropTypeDefaultDescription
variant'default' | 'glass' | 'retro' | 'glow' | 'cyberpunk''default'The visual design style variant preset of the table outer container box and scroll track wrapper.

Contributors

Theme Customizer

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