Skip to content
gauchocodeUI GALLERY
LIBRARY
All blocks58Data display15Navigation & shell14Forms & actions7Planning12Feedback & overlays4AI & automation4Apps & admin2
RESOURCES
CommunityTeam library
GC
GauchoCodeEngineering & design
v0.1
WorkspaceUI Gallery
CommunityTeam library

Data display

Tables, cards, filters, and metrics for information-dense product screens.

15 blocks
Scope: Data display

15 blocks found

Data displayAdapted

Contact table

A clear home for your data. Sort contacts and select rows with a lightweight, semantic table.

SelectionSortingCRM
View block
Data displayAdapted

Resizable columns

Give every column its space. Drag a header edge, or focus the separator and use the keyboard within safe bounds.

Column sizingKeyboardPointer
View block
Data displayAdapted

Pinned first column

Keep the context close. The title column stays visible next to the select column while the rest scrolls.

Sticky columnHorizontal scrollContext
View block
Data displayAdapted

Reorderable columns

Your order of things. Move columns with explicit menu actions.

Column orderMove menuKeyboard
View block
Data displayAdapted

Editable data grid

A little less back and forth. Edit team, project, status, and titles right in the row — saved locally only.

Inline editQuick editBadges
View block
Data displayAdapted

Grouped rows

Structure without noise. Status badges count their posts and fold rows inline.

GroupingExpandBadges
View block
Data displayAdapted

Grouped subtable

Room for detail. Expanding a group opens a nested table with its own header and pagination.

GroupingNested tablePagination
View block
Data displayAdapted

Group by column

Your grouping, your call. Switch between the flat table and grouped views, then pick the grouping column.

Group byView toggleRegroup
View block
Data displayAdapted

Group totals

Numbers where you look. Group rows sum their posts, tinted by share, with a grand total in the footer.

AggregatesFooter totalsHeat cells
View block
Data displayAdapted

Agent cards

Every agent, at a glance. Status, channels and today’s metrics with pause and playground actions.

CardsStatusMetrics
View block
Data displayPackage

Data table

The shared Tukiverse table. Row details, faceted filters, pinning, totals, grouping and column controls — install it, don’t copy it.

TanStack v9FacetsPinning
View block
Data displayPackage

Filters

The shared Tukiverse filter bar. Stepped attribute → condition → value builder over a boolean query tree — install it, don’t copy it.

Query treePredicateToolbar
View block
Data displayPackage

List query state

Shareable list state in the URL. Schema-driven codec plus an SSR-safe hook — no router required.

URL stateShareableSSR-safe
View block
Data displayPackage

Selection bar

The shared Tukiverse bulk-action bar. Fixed width, the main actions visible and the rest in a menu, icons on narrow screens.

SelectionBulk actionsResponsive
View block
Data displayPackage

Tenant activity heatmap

A deterministic twelve-month activity grid with summary metrics and accessible day details.

ActivityTwelve monthsTooltips
View block
Built with intention. Shared with the team.GauchoCode UI Gallery ✳