> ## Documentation Index
> Fetch the complete documentation index at: https://seilabs-docs-skills-registry-and-templates.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Templates

> Production-ready Sei dApp templates you can scaffold in one command with @sei-js/create-sei — wallet connections, contract interactions, and TypeScript wired up out of the box.

Start a new Sei dApp from a working, production-ready template instead of a blank folder. The [`@sei-js/create-sei`](/evm/sei-js/create-sei) CLI scaffolds a fully wired project — wallet connections, contract interactions, TypeScript, and styling — in seconds.

## Scaffold in one command

<CodeGroup>
  ```bash npm theme={"dark"}
  npx @sei-js/create-sei app --name my-sei-app
  ```

  ```bash pnpm theme={"dark"}
  pnpm create @sei-js/sei app --name my-sei-app
  ```
</CodeGroup>

Then install and run:

```bash theme={"dark"}
cd my-sei-app
npm install
npm run dev
```

## Templates

<Columns cols={2}>
  <Card title="Next.js + wagmi" icon="react" href="/evm/sei-js/create-sei">
    The default starter — a production-ready **Next.js 15** app (React 19) with type-safe wallet connections and contract reads/writes.

    **Stack:** Next.js 15 · React 19 · wagmi v2 · viem · RainbowKit · TanStack Query · Tailwind CSS v4 · Mantine UI · Biome · TypeScript

    **Includes:** RainbowKit wallet connection (MetaMask / WalletConnect / Coinbase Wallet), organized components/hooks/utilities, and Sei network config.

    ```bash theme={"dark"}
    npx @sei-js/create-sei app --name my-sei-app
    ```
  </Card>

  <Card title="Precompiles extension" icon="cube" href="/evm/precompiles/example-usage">
    The default template plus working examples that query Sei's native [precompiles](/evm/precompiles/example-usage) — Bank, Staking, and Governance — directly from the frontend.

    **Adds:** native token supply, staking info, and governance proposal reads via `@sei-js/precompiles`.

    ```bash theme={"dark"}
    npx @sei-js/create-sei app --name my-app --extension precompiles
    ```
  </Card>
</Columns>

<Info>
  See every available extension with `npx @sei-js/create-sei list-extensions`. Full CLI options and the interactive setup flow are documented on the [Scaffold Sei](/evm/sei-js/create-sei) page.
</Info>

## What every template gives you

<Columns cols={2}>
  <Card title="Wallet integration" icon="wallet">
    Pre-configured wallet connections and React hooks — connect, read balances, and send transactions without boilerplate.
  </Card>

  <Card title="Sei network config" icon="network-wired">
    Mainnet (`pacific-1`, 1329) and testnet (`atlantic-2`, 1328) wired up, with contract-interaction examples.
  </Card>

  <Card title="Type safety" icon="square-check">
    End-to-end TypeScript with wagmi + viem, so contract calls and ABIs are typed.
  </Card>

  <Card title="Tooling" icon="screwdriver-wrench">
    Tailwind CSS, Mantine UI, Biome formatting, and Git initialized — ready to build on.
  </Card>
</Columns>

<Note>
  **Prerequisites:** Node.js v18 or higher (`node --version` to check).
</Note>

## More templates are coming

This gallery grows as new starters ship. Building a template the ecosystem should know about — a DeFi starter, an NFT mint, an x402-payments app, or an AI agent? Contribute it to [`sei-protocol/sei-js`](https://github.com/sei-protocol/sei-js/tree/main/packages/create-sei) and it can be listed here.

## Next steps

<CardGroup cols={2}>
  <Card title="Scaffold Sei (CLI reference)" icon="terminal" href="/evm/sei-js/create-sei">
    Full `create-sei` options, extensions, and troubleshooting.
  </Card>

  <Card title="Build a frontend" icon="browser" href="/evm/building-a-frontend">
    Wire wagmi + viem and a wallet into a Sei dApp from first principles.
  </Card>
</CardGroup>