Introduction
Native React components for GPUix
Native components, open source, built on GPUix.
Every component renders through GPUix host elements: no DOM, CSS or browser runtime.
import { Badge } from "@gpuixui/components/badge";
import { lightTheme } from "@gpuixui/tokens";
import { ThemeProvider } from "@gpuixui/tokens/react";
<ThemeProvider theme={lightTheme}>
<Badge variant="success">Connected</Badge>
</ThemeProvider>;Compound parts validate their placement: a DialogTitle inside Dialog but
outside DialogContent throws, and the message names the parent and what to do
instead.
<Dialog>
<DialogTrigger>Rename project</DialogTrigger>
<DialogContent label="Rename project">
<DialogHeader>
<DialogTitle>Rename project</DialogTitle>
<DialogDescription>Used everywhere the project is named.</DialogDescription>
</DialogHeader>
<DialogFooter>
<DialogClose variant="ghost">Cancel</DialogClose>
<DialogClose variant="primary">Save</DialogClose>
</DialogFooter>
</DialogContent>
</Dialog>;Start here
Guide
Clone the workspace, render the first component and pick a theme.
Components
Every component the library ships, with its keyboard contract and API.
Blocks
Whole windows assembled from the library's parts.
Runtime capabilities
What the pinned runtime provides, what it does not, and what to do instead.
Edit this page on GitHubapps/docs/content/docs/introduction.mdx