Examples

All examples in this page are part of this repository.

Run from repository root:

node --import @oxc-node/core/register examples/<name>.tsx
node --import @oxc-node/core/register examples-raw/<name>.ts

React Mode (`examples/`)

File	What it demonstrates
`counter.tsx`	`useState` + `useInput` minimal app
`use-input.tsx`	Key parsing: arrows, ctrl/meta combos, special keys
`borders.tsx`	Border styles: `single`, `double`, `round`, `bold`, `classic`
`box-backgrounds.tsx`	Background colors
`justify-content.tsx`	Flex alignment and spacing
`terminal-resize.tsx`	`useWindowSize` with live resize behavior
`htop.tsx`	htop-style system monitor (Unix-like; uses `ps aux`)

File	What it demonstrates
`cursor-input/cursor-input.tsx`	Declarative `<Cursor />` inline text input
`cursor-ime.tsx`	`useCursor()` with IME and wide character support
`use-focus.tsx`	`useFocus` + Tab cycling
`use-focus-with-id.tsx`	Named focus targets + `focus(id)`
`use-mouse.tsx`	`useMouse` buttons, wheel, modifiers
`use-paste.tsx`	`usePaste` routing vs `useInput` fallback

File	What it demonstrates
`use-scrollable.tsx`	`useScrollable` viewport state + sliced rendering
`static.tsx`	`<Static>` append-only output
`chat.tsx`	Chat-style history + live input

File	What it demonstrates
`spinner.tsx`	`<Spinner>` defaults + custom frames
`progress-bar.tsx`	`<ProgressBar>` states and options
`kitchen-sink.tsx`	Multi-feature demo in one app

File	What it demonstrates
`suspense.tsx`	Suspense with async data
`concurrent-suspense.tsx`	Concurrent rendering behavior
`use-transition.tsx`	`useTransition`
`incremental-rendering.tsx`	Frequent partial updates
`sierpinski.tsx`	Fiber-heavy animated tree

File	What it demonstrates
`inline-minimal.tsx`	Minimal `renderInline()` usage
`inline-picker.tsx`	Inline picker UI

File	What it demonstrates
`logo.tsx`	`onBeforeFlush` direct buffer overlays
`rattata.tsx`	Streaming fake-assistant demo
`stress-test.tsx`	~700 FPS sustained full-terminal animation

File	What it demonstrates
`ascii-3d.ts`	Spinning ASCII-shaded 3D cube with z-buffer
`matrix.ts`	Matrix rain
`conway.ts`	Conway's Game of Life
`plasma.ts`	Plasma effect
`fire.ts`	Fire effect
`jitter.ts`	Frame-time oscilloscope
`scope.ts`	Multi-harmonic oscilloscope
`inline-picker.ts`	Inline picker without React

All raw examples use examples-raw/harness.ts.