docs menu
components
26 components. Each page renders every variant and state with the real component.
- AlertA short message block for a success, an error or information, with an optional dismiss button.
- AppHeaderThe header of meowerse accounts: brand, navigation that follows the session, the theme toggle, and a menu button on phones.
- AuthGateShows its children only to a signed-in user: it waits visibly, explains a failure with a retry, and sends people to sign in only on a real signed-out answer.
- AvatarA rounded square with a person's initial, in three sizes.
- BadgeA small label for a state or a category: verified, neutral or danger.
- ButtonA native button in four variants and two sizes, with a loading state.
- CardA flat panel that groups related content, with an optional title.
- Cat3DThe low-poly green cat from the alxnko.dev desk: a still poster first, then a tiny WebGL2 renderer whose head follows the pointer.
- CheckboxA native checkbox with its label, in a 44 px row.
- CodeAn inline code value, shown exactly as it is, with an optional copy button.
- ConfirmDialogA modal that asks before something destructive, optionally making you type a phrase or your password.
- ContactLinksA row of 44 px icon links to reach the author.
- CursorThe block cursor of the wordmarks, blinking at 1 Hz in steps.
- FieldA labelled text input with an optional hint or error, and a reveal button for passwords.
- FooterThe page footer: site links, contact links and a one-line legal note.
- IconA curated set of Tabler outline icons, drawn as inline SVG paths in the current text colour.
- KbdA keycap for keyboard shortcuts in text.
- ModalA dialog over the page that keeps focus inside until it closes.
- PromptThe chat composer: a › glyph before a normal, auto-growing textarea, with a visible send button.
- RadioGroupA labelled group of native radio buttons, each in a 44 px row, with optional hints.
- RecoveryCodesA grid of one-time recovery codes with a "copy all" button.
- SpinnerA small ring that turns while something loads, in three sizes.
- StatusLineOne line of state with a glyph and a word: [ ok ], [wait], [fail] or [info].
- ThemeToggleA 44 px button that switches between the dark and light themes and remembers the choice.
- ToastProviderShort notices that appear at the bottom of the screen and go away on their own; useToast() shows one.
- WordmarkAn app's name in VT323 with an underscore and a blinking block cursor.