Viet Co Tuong · UI showcase
← Demo hub

Application blocks

Reusable layout and workflow blocks for Viet Co Tuong apps. These demos use dummy data and production vct-* web components.

Block gallery

Use these pages to review structure, density, empty states, long text, and responsive behavior before using a block in an app.

Review the homepage layout, hero section, and featured content composition.

Open

Preview the main archive browsing workflow with long game titles and compact metadata.

Open

Review the game listing layout with filters, sort controls, and grid/list views.

Open

Resize the listing column or the browser window and confirm page numbers stay on one row.

Open

Review the game detail layout, xqboard integration, and sidebar composition.

Open

Preview the search workflow with long game titles and compact metadata.

Open

Review compact related-list composition for detail pages and sidebar modules.

Open

Review the signed-in feedback dialog used on home, play, and explore.

Open

Review the shared benefits block from home /store and package pages.

Open

Review page sharing and play-room sharing before approving issue #63.

Open

Play vs computer, CBL play-vs-engine, and live rooms share this result overlay.

Open

Review the signed-in friends + Admin chat tab used on home, play, and explore.

Open

Review the waiting / claimed chip that sits above the friends chat dock.

Open

Same stack as OpenChallengeHost without live /api/play/challenge/mine.

Open

Walk capture → reading → result, warnings, and free-quota used. Product APIs are same-origin /api/board/scan-fen.

Open

Review the shared fact sheet used by Your table, Accept challenge, and lobby rows.

Open

Review rated/unrated, private, claimed, playing, and your-table highlight without live APIs.

Open

Review the play-home quick-play block: tab switch, Mystery lede, and desktop two-column lanes.

Open

Review the circle used on play People, friends, and the chat dock.

Open

Review idle Expand-only chrome and View as Exit. Dash shell mirrors apps/dash admin CSS. Apply/Exit need product `/api/staff` routes.

Open

Review dash Archive jumps on collection / tournament / event rows when staff ids are present. Heading-row width toggle starts fluid: a grid of 48rem columns with a rule between them; switch to the original capped column if you want.

Open

Review type-to-filter badges. The search strip docks at the top of the Edge Chrome scrollport while cards scroll underneath.

Open

Full-viewport preview at /blocks/badge-collections/. Badge library cards open /badge/badge-1 (Ancient manuals mock).

Open

Review the raised fact sheet under the title, winner emphasis, and two-column pairs on wide sheets.

Open

Fixture with short and long names to review score alignment and single-edge ellipsis.

Open

Review the curated link row + brand link used on pages that previously had no footer.

Open

Review Library-first order, link rows, and tabbable theme / language segments (guest vs member).

Open

Primitive inventory

The first production block slice now includes the shells needed for cards, lists, search surfaces, and metadata.

Tùy chỉnh chủ đề ứng dụng

Đăng nhập để lưu chủ đề ứng dụng cá nhân.

Chia sẻ

Sao chép liên kết, chia sẻ hoặc hiện mã QR.