Examples
Every worked example a package ships, and the file to copy.
Each package keeps a worked example beside its components, generated from packages/*/examples/*.example.tsx. They are GPUix modules, not browser components: the page shows the source, not a rendering.
143 of 143 examples
Primitives
A worked example in `@gpuixui/primitives`. A grouped example: it covers more than one page of this lane.
A worked example in `@gpuixui/primitives`. A grouped example: it covers more than one page of this lane.
A worked example in `@gpuixui/primitives`.
A worked example in `@gpuixui/primitives`. A grouped example: it covers more than one page of this lane.
A worked example in `@gpuixui/primitives`. A grouped example: it covers more than one page of this lane.
A worked example in `@gpuixui/primitives`.
A worked example in `@gpuixui/primitives`.
A worked example in `@gpuixui/primitives`.
A worked example in `@gpuixui/primitives`. A grouped example: it covers more than one page of this lane.
A worked example in `@gpuixui/primitives`.
A worked example in `@gpuixui/primitives`. A grouped example: it covers more than one page of this lane.
A worked example in `@gpuixui/primitives`. A grouped example: it covers more than one page of this lane.
Components
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`. A grouped example: it covers more than one page of this lane.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
A worked example in `@gpuixui/components`.
Data display
A worked example in `@gpuixui/data`. A grouped example: it covers more than one page of this lane.
A worked example in `@gpuixui/data`. A grouped example: it covers more than one page of this lane.
A worked example in `@gpuixui/data`.
A worked example in `@gpuixui/data`. A grouped example: it covers more than one page of this lane.
A worked example in `@gpuixui/data`. A grouped example: it covers more than one page of this lane.
A worked example in `@gpuixui/data`. A grouped example: it covers more than one page of this lane.
A worked example in `@gpuixui/data`. A grouped example: it covers more than one page of this lane.
A worked example in `@gpuixui/data`.
A worked example in `@gpuixui/data`. A grouped example: it covers more than one page of this lane.
A worked example in `@gpuixui/data`. A grouped example: it covers more than one page of this lane.
A worked example in `@gpuixui/data`.
Workspace
A worked example in `@gpuixui/editor`.
A worked example in `@gpuixui/media`.
A worked example in `@gpuixui/editor`.
A worked example in `@gpuixui/dock`.
A worked example in `@gpuixui/media`.
A worked example in `@gpuixui/files`.
A worked example in `@gpuixui/media`.
A worked example in `@gpuixui/media`.
A worked example in `@gpuixui/files`.
A worked example in `@gpuixui/editor`.
A worked example in `@gpuixui/media`.
A worked example in `@gpuixui/dock`.
A worked example in `@gpuixui/files`.
A worked example in `@gpuixui/media`.
A worked example in `@gpuixui/editor`.
A worked example in `@gpuixui/dock`.
A worked example in `@gpuixui/shell`.
A worked example in `@gpuixui/shell`.
Effects
A worked example in `@gpuixui/fx`.
A worked example in `@gpuixui/fx`.
A worked example in `@gpuixui/fx`.
A worked example in `@gpuixui/fx`.
A worked example in `@gpuixui/fx`.
A worked example in `@gpuixui/fx`.
A worked example in `@gpuixui/fx`.
A worked example in `@gpuixui/fx`.
A worked example in `@gpuixui/fx`.
A worked example in `@gpuixui/fx`.
A worked example in `@gpuixui/fx`.
A worked example in `@gpuixui/fx`.
A worked example in `@gpuixui/fx`.
A worked example in `@gpuixui/fx`.
A worked example in `@gpuixui/fx`.
A worked example in `@gpuixui/fx`.
A worked example in `@gpuixui/fx`.
Running one
nub run --filter @gpuixui/primitives test:runtimenub run --filter playground build
nub apps/playground/dist/smoke/run.js --only examples-mountThe scenario's checks are in apps/playground/README.md.
Adding one
Create packages/<package>/examples/<id>.example.tsx exporting one component with a <Name> example: … header, and add it to that package's examples/index.ts.
Edit this page on GitHubapps/docs/content/docs/examples.mdx