Examples

Explore IC Reactor through live, interactive examples. Each example can be opened in StackBlitz for hands-on experimentation.

Vite PluginZero-config hook generation for Vite projects

Vite EnvAuto-injection of canister IDs and environment

All-in-OneComplete app with optimistic updates and a Motoko backend

ICP Reactor DemoFull local ICP project with backend, frontend, and generated hooks

TanStack RouterFull app with routing, loaders, and authentication

Next.js App RouterHydration-safe App Router setup with live ICRC ledger queries

Next.jsFull-stack template with a Motoko backend and Next.js frontend

Infinite QueryAdvanced fetching with Suspense and Infinite Scrolling

Result TypesRender any Candid return type from result metadata

TanStack FormBuild type-safe forms with TanStack Form and IC Reactor

Query DemoQueries, suspense, and real-time data fetching

Codec DemoAutomatic type transformations with DisplayReactor

Candid ParserDynamic canister calls with runtime Candid parsing

Metadata ReactorInspect the input and output metadata of a canister that exposes its Candid

Metadata CapabilitiesLocal MetadataReactor introspection without a live canister

Multiple CanistersManaging multiple canisters in a single application

ckBTC WalletWallet flows for ckBTC ledger and minter canisters

Custom ProviderBuilding custom React contexts and providers

Identity AttributesRequest signed OpenID identity attributes with Internet Identity

TypeScript DemoPure TypeScript usage without React

Codegen in ActionComparison of CLI and Vite plugin generated code

Running Examples Locally

git clone https://github.com/b3pay/ic-reactor.git
cd ic-reactor

# Install dependencies
pnpm install

# Build packages first
pnpm build

# Run a specific example
cd examples/query-demo
pnpm dev