PWA UIv0.1 beta
Documentation
Docs / Resources / Registry source

Resource

Registry source

The published registry is generated from this project and served with the documentation site. Inspect the index or install individual primitives into your own codebase.

Published files

These endpoints are part of the live site, so they stay aligned with the component examples documented here.

Registry indexBrowse all published registry items.Base configurationShared tokens, viewport variables, and dependencies.

Configure the namespace

Add the registry to components.json. This keeps install commands short and makes the source explicit.

json
{  "registries": {    "@pwa-ui": "https://pwaui.com/r/{name}.json"  }}
bash
pnpm dlx shadcn@latest add @pwa-ui/pwa-provider @pwa-ui/app-shell

Direct URLs remain supported when you do not want to configure a namespace.

bash
pnpm dlx shadcn@latest add https://pwaui.com/r/app-shell.json

Install from GitHub

The public repository is also a source registry. Install from the default branch for evaluation, or use a release tag when you need reproducible source.

bash
pnpm dlx shadcn@latest add pnewsam/pwa-ui/app-shell
bash
pnpm dlx shadcn@latest add pnewsam/pwa-ui/app-shell#v0.1.0-beta.1
Repository sourceReview components, report issues, and contribute.

Import the base styles

Components that use PWA layout tokens install the shared stylesheet as a registry dependency. Import it once from your application's global entry point.

tsx
import "@/styles/pwa.css"

Available items

PWAProvider, AppShell, SafeArea, BottomSheet, ResponsiveDialog, ActionSheet, NavigationBar, TabBar, KeyboardAvoidingView, lifecycle feedback components, and the shared hooks are published independently.