welcome-ui.com valid

Welcome UI

A React component library by Welcome to the Jungle.

Their llms.txt

The beginning of the file, from our validated copy saved 2026-10-25T19:36:37.031Z. Cached copy · Source on welcome-ui.com

# Welcome UI
> A React component library by Welcome to the Jungle.

## Foundations

- [Getting Started](/llms/foundations/getting-started.md)
- [Theming Basics](/llms/foundations/theming/basics.md)

## Guidelines

### Use theme tokens, never arbitrary values

Welcome UI resets the entire Tailwind default theme with `--*: initial` in its generated `theme.css`. This means **most default numeric Tailwind classes resolve to nothing** (e.g., `p-4`, `gap-6` won't work). Instead, use the named Welcome UI tokens: `p-sm`, `gap-lg`, etc.

For shadows specifically, Tailwind's `shadow-sm`/`shadow-md`/`shadow-lg` won't work either because the theme replaces `--shadow-*` with `--elevation-*` tokens. Use `shadow-(--elevation-10)` through `shadow-(--elevation-60)` instead (see the "Reference CSS custom properties directly" section below).

The Welcome UI spacing scale:

| Token | Value          |
| ----- | -------------- |
| `xs`  | 0.25rem (4px)  |
| `sm`  | 0.5rem (8px)   |
| `md`  | 0.75rem (12px) |
| `lg`  | 1rem (16px)    |
| `xl`  | 1.5rem (24px)  |
| `2xl` | 2rem (32px)    |
| `3xl` | 3rem (48px)    |
| `4xl` | 4rem (64px)    |
| `5xl` | 6rem (96px)    |
| `6xl` | 8rem (128px)   |

When choosing a spacing value, prefer the closest named token over an arbitrary number. For example, use `px-sm` (8px) or `px-lg` (16px), **not** `px-[20px]`. See [Theming Basics](/llms/foundations/theming/basics.md) for the full reference of sizes and valid names.

The full set of theme tokens (spacing, colors, radii, elevations, component-specific variables) is available (minified) in `node_modules/welcome-ui/dist/theme.css` when the library is installed.

### Reference CSS custom properties directly

You can use any CSS custom property from the theme as an arbitrary Tailwind value with the `--var` syntax:

```
px-(--spacing-xl)        /* 1.5rem padding-inline */
shadow-(--elevation-20)  /* 0 4px 6px 0 rgba(0,0,0,0.04) */
text-(--color-neutral-80)
```

This is useful for elevation tokens (`--elevation-10` through `--elevation-60`) and any component-specific variable.

### State management hooks

Some components require explicit state management via hooks; others manage state internally.

| Component | Hook | Purpose |
|-----------|------|---------|
| Modal | `useModal()` | Modal open/close state and control methods |
| Drawer | `useDrawer()` | Drawer slide-in state and control methods |
| Popover (click) | `usePopover()` | Click-triggered popover state |
| Popover (hover) | `usePopoverHover()` | Hover-triggered popover state |
| DropdownMenu | `useDropdownMenu()` | Dropdown menu state (animated by default) |
| Tabs | `useTab()` | Tab selection state |
…

Related sites

Explore similar publishers →

Category suggestions: other listed sites in Developer tools. These share a category. See the whole category →

Machine-readable: GET /v1/resolve?q=welcome-ui.com · GET /v1/domain/welcome-ui.com · this page as Accept: application/json or text/markdown · MCP lookup_domain

Automatically discovered from public files. Inclusion does not imply endorsement or publisher participation.

Claim my listing on Agent Web Map for welcome-ui.com:
1. POST https://agentwebmap.com/v1/sites/welcome-ui.com/claims and keep claim_id and claim_secret private.
2. Publish the verification line "AgentWebMap verification: <token>" (token from step 1) in https://welcome-ui.com/llms.txt, or use the DNS, meta-tag or well-known method the response describes. This only verifies the listing; your website and domain remain yours.
3. POST https://agentwebmap.com/v1/sites/welcome-ui.com/verify with {"claim_id": "...", "claim_secret": "..."}.
4. Save the api_key from the answer; it manages the listing (PATCH https://agentwebmap.com/v1/sites/welcome-ui.com).
MCP equivalent: tools begin_ownership_claim, then verify_domain, at https://agentwebmap.com/mcp. Docs: https://agentwebmap.com/docs#verify

Corrections or removal requests: contact the directory.