Live service check

System Status

This page reports the current health of the backend API connection used by the frontend. It is the fastest way to see whether an outage is a product issue, a local environment issue, or a temporary backend interruption.

Open support paths

Overall health

Checking

Last checked at Waiting for the first health check. The summary below reflects the same-origin system status endpoint that the frontend can reach right now.

Checking

Backend API

Checking...

Upstream endpoint: Waiting for status

Database

Checking...

The backend health endpoint reports database connectivity as part of the live check.

Response time

Checking...

This measures how quickly the frontend status route reached the upstream health endpoint.

What to do next

If the status is healthy but a workflow still fails, the issue is likely route-specific rather than a full backend outage.

If the backend is unreachable, check your environment, deployment, or API origin configuration before debugging individual product screens.

If you need help recovering a Quick Match run or account flow, use the support page below for the fastest route.

UI Component Showcase

All template-origin components rendered with live samples. Pick what you need for the project.

Button

6 variants × 8 sizes. Built on @base-ui/react.

Variants (default size)

Sizes (default variant)

With icons

States

ArrowButton

Animated pill button with sliding arrow icon. 3 variants.

Variants

Custom icon & disabled

As link

Navigate Home

Badge

Inline tag/label. 6 variants.

DefaultSecondaryDestructiveOutlineGhostLink

Card

Composable card with Header, Title, Description, Content, Action, Footer slots.

Basic Card
A simple card with header and content.

Card body content goes here. This is the default size.

With Footer
Card includes a footer.

Body content with action button in header.

Small Size
Compact card variant.

Uses size="sm" for tighter padding.

Accordion

Collapsible panels built on @base-ui/react/accordion.

Input

Text input built on @base-ui/react/input.

Textarea

Multi-line text area with field-sizing support.

Label

Form label element with disabled-state styling.

Select

Dropdown select built on @base-ui/react/select. Default & sm sizes.

Separator

Horizontal and vertical divider lines.

Horizontal

Content below separator.

LeftRight

Sheet

Slide-out drawer/panel. Supports 4 sides.

TextGenerateEffect

Word-by-word animated text reveal with blur filter. Triggers on viewport entry.

Default (0.5s per word)

This text reveals word by word with a blur effect

Italic variant with delay

elegant italic text

No blur filter

Fade only without blur