Add extensions, update default template, remove vite template

- Removed vite template
- Added extensions
- Updated docs
- Updated default templates
- Updated package versions
- Added mantine UI

Author: codebycarson

.yarn/install-state.gz

@@ -11,11 +11,11 @@ You don't need to install `@sei-js/create-sei` globally. Use it directly with np
 <CodeGroup>
 
 ```bash npx
-npx @sei-js/create-sei app
+npx @sei-js/create-sei app -name my-sei-app
 ```
 
 ```bash pnpm
-pnpm create @sei-js/create-sei app
+pnpm create @sei-js/create-sei app -name my-sei-app
 ```
 
 </CodeGroup>
@@ -28,48 +28,35 @@ The CLI provides an interactive wizard to guide you through project setup:
   <Step title="Run the CLI">
     Execute the create-sei command with your project name:
     ```bash
-    npx @sei-js/create-sei app -n my-sei-app
+    npx @sei-js/create-sei app
     ```
   </Step>
 
   <Step title="Choose Framework">
-    Select your preferred frontend framework:
-    - **Next.js** - Full-stack React framework with SSR/SSG
-    - **Vite** - Fast build tool with React
+    - `cd my-sei-app`
+    - `yarn install`
+    - `yarn dev`
+
   </Step>
 
   <Step title="Project Setup">
     The CLI automatically configures:
     - TypeScript configuration
+    - Up to date NextJS
     - Tailwind CSS styling
-    - ESLint configuration
-    - Prettier formatting
+    - Biome formatting
+    - Mantine UI components
     - Git initialization
   </Step>
 </Steps>
 
-## Manual CLI Usage
-
-Skip the interactive setup by specifying all options directly:
-
-<CodeGroup>
-
-```bash Next.js + Wagmi
-npx @sei-js/create-sei app -n my-app -f next
-```
-
-```bash Vite + Ethers.js
-npx @sei-js/create-sei app -n my-app -f vite
-```
-
-</CodeGroup>
-
 ### CLI Options
 
-| Flag | Long Form | Description | Options |
-|------|-----------|-------------|---------|
-| `-n` | `--name` | Project name (must be valid package name) | Any valid npm package name |
-| `-f` | `--framework` | Frontend framework | `vite`, `next` |
+- `app`: Create a new Sei dApp
+  - `--name`: Project name (must be valid package name)
+  - `--extension`: Add one of the optional extensions to your project
+    
+- `list-extensions`: List the available extensions
 
 <Info>
 **Template Combinations**: The CLI creates different project templates based on your flag combinations. See all available combinations on the [Templates page](/create-sei/templates).
@@ -79,10 +66,10 @@ npx @sei-js/create-sei app -n my-app -f vite
 
 After running the CLI, you'll have a fully configured Sei dApp ready for development:
 
-- **Project Structure Created** - Organized file structure with components, hooks, and utilities properly scaffolded for your chosen framework and ecosystem.
+- **Project Structure Created** - Organized file structure with components, hooks, and utilities properly scaffolded.
 
 - **Wallet Integration Ready** - Pre-configured wallet connections and connection hooks ready to use.
 
-- **Development Tools Configured** - TypeScript, ESLint, Prettier, and Tailwind CSS automatically configured with sensible defaults and ready for immediate development.
+- **Development Tools Configured** - TypeScript, Biome, Mantine UI, and Tailwind CSS automatically configured with sensible defaults and ready for immediate development.
 
 - **Sei Network Integration** - Built-in Sei network configuration and contract interaction examples to help you start building on Sei right away.

docs/create-sei/quick-start.mdx

@@ -8,70 +8,53 @@ icon: "grid-2"
 **New to @sei-js/create-sei?** Check out our [Quick Start guide](/create-sei/quick-start) for step-by-step instructions on getting started. This page is a reference for all available template combinations.
 </Info>
 
-## Choose a Template
+## Default Template
 
-<CardGroup cols={1}>
   <Card
     title="Next.js + Wagmi (EVM)"
     icon="react"
   >
     Production-ready Next.js application with Wagmi for type-safe Ethereum wallet connections and blockchain interactions. Includes built-in support for MetaMask, WalletConnect, Coinbase Wallet, and other popular wallets. Best for full-stack dApps requiring server-side rendering, SEO optimization, and robust wallet integration.
 
-    <br/>
-    
-    **CLI Flags:** `-f next -e evm -l wagmi`
-    
     <br/>
 
     **Tech Stack:** `Next.js 14` `Wagmi v2` `Viem` `TanStack Query` `Tailwind CSS`
 
     ```bash
-    npx @sei-js/create-sei app -n my-app -f next -e evm -l wagmi
+    npx @sei-js/create-sei app --name my-sei-app
     ```
   </Card>
 
+---
+
+## Extensions
+
+Enhance your templates with additional functionality using extensions:
+
+<CardGroup cols={1}>
   <Card
-    title="Vite + Wagmi (EVM)"
-    icon="bolt"
+    title="List Available Extensions"
+    icon="list"
   >
-    Ultra-fast development environment with Vite's instant hot module replacement and Wagmi's type-safe wallet connections. Features automatic wallet detection, connection state management, and optimized bundle sizes. Perfect for rapid prototyping, development testing, and single-page applications requiring fast iteration cycles.
-    
-    <br/>
+    View all available extensions that can be added to your project:
 
-    **CLI Flags:** `-f vite -e evm -l wagmi`
+    ```bash
+    npx @sei-js/create-sei list-extensions
+    ```
+  </Card>
+
+  <Card
+    title="Precompiles Extension"
+    icon="database"
+  >
+    Add Sei precompile contract integration with examples for querying native blockchain data like token supply, staking info, and governance proposals. Perfect for dApps that need to interact with Sei's built-in smart contracts.
 
     <br/>
-
-    **Tech Stack:** `Vite` `React 18` `TypeScript` `Wagmi v2` `Viem` `TanStack Query`
+    
+    **Features:** Bank precompile, Staking precompile, Governance precompile examples
 
     ```bash
-    npx @sei-js/create-sei app -n my-app -f vite -e evm -l wagmi
+    npx @sei-js/create-sei app --name my-sei-precompile-app --extension precompiles
     ```
   </Card>
 </CardGroup>
-
----
-## What's Included
-
-Each template includes these essential features:
-
-<CardGroup cols={2}>
-  <Card title="Wallet Connection" icon="wallet">
-    Ready-to-use wallet connection with support for MetaMask, WalletConnect, and other popular wallets
-  </Card>
-  <Card title="Network Configuration" icon="network-wired">
-    Pre-configured for Sei mainnet, Atlantic-2 testnet, and devnet environments
-  </Card>
-  <Card title="Type Safety" icon="shield-check">
-    Full TypeScript support with proper type definitions for contracts and blockchain interactions
-  </Card>
-  <Card title="Modern Tooling" icon="wrench">
-    ESLint, Prettier, and modern development tools configured out of the box
-  </Card>
-  <Card title="Responsive Design" icon="mobile">
-    Mobile-first responsive layouts with Tailwind CSS utility classes
-  </Card>
-  <Card title="Error Handling" icon="exclamation-triangle">
-    Comprehensive error boundaries and user feedback for blockchain interactions
-  </Card>
-</CardGroup>

docs/create-sei/templates.mdx

@@ -6,16 +6,12 @@ icon: "hammer"
 
 ## Overview
 
-`@sei-js/create-sei` is a CLI tool that scaffolds production-ready Sei dApps in seconds. Choose from EVM or Cosmos templates with Next.js/Vite, modern wallet integration, and TypeScript support.
+`@sei-js/create-sei` is a CLI tool that scaffolds production-ready Sei dApps in seconds. Quickly spin up templates with Next.js/Vite, modern wallet integration, and TypeScript support.
 
 ```bash
-npx @sei-js/create-sei app -n my-sei-app -f next
+npx @sei-js/create-sei app --name my-sei-app
 ```
 
-<Warning>
-**Cosmos Deprecation**: Per [SIP-3](https://github.com/sei-protocol/sei-improvement-proposals/blob/main/SIPS/sip-3.md), Sei is transitioning to EVM only. Use EVM templates for new projects.
-</Warning>
-
 <CardGroup cols={2}>
   <Card title="EVM Templates" icon="ethereum">
     Modern Ethereum-compatible development with Wagmi/Viem or Ethers.js
@@ -24,10 +20,10 @@ npx @sei-js/create-sei app -n my-sei-app -f next
     Next.js for full-stack apps, Vite for lightweight builds
   </Card>
   <Card title="Production Ready" icon="rocket">
-    TypeScript, Tailwind CSS, ESLint, wallet connections included
+    TypeScript, Tailwind CSS, Mantine, Biome, and wallet connections included
   </Card>
 </CardGroup>
 
 ## What's Included
 
-Every project includes wallet connections, contract interactions, TypeScript, Tailwind CSS, ESLint, and responsive layouts. No additional setup required.
+Every project includes wallet connections, contract interactions, TypeScript, Tailwind CSS, Biome for formatting, and responsive layouts. No additional setup required.

docs/create-sei/welcome.mdx

@@ -470,7 +470,7 @@ const nextConfig = {
     removeConsole: process.env.NODE_ENV === 'production',
   },
   webpack: (config) => {
-    config.externals.push('pino-pretty', 'lokijs', 'encoding');
+    config.externals.push('lokijs', 'encoding');
     return config;
   },
 };
@@ -502,7 +502,7 @@ module.exports = nextConfig;
     **Solution:** Add webpack externals to your `next.config.js`:
     ```javascript
     webpack: (config) => {
-      config.externals.push('pino-pretty', 'lokijs', 'encoding');
+      config.externals.push('lokijs', 'encoding');
       return config;
     }
     ```

docs/sei-global-wallet/dynamic-nextjs.mdx

@@ -0,0 +1,44 @@
+{
+	"name": "template-next-create-sei-app-precompiles",
+	"version": "0.1.0",
+	"private": true,
+	"scripts": {
+		"dev": "next dev",
+		"build": "next build",
+		"start": "next start",
+		"lint": "biome lint .",
+		"lint:fix": "biome lint --write .",
+		"format": "biome format --write .",
+		"format:check": "biome format .",
+		"check": "biome check .",
+		"check:fix": "biome check --write .",
+		"deploy": "vercel --prod"
+	},
+	"dependencies": {
+		"@mantine/code-highlight": "^8.2.5",
+		"@mantine/core": "^8.2.5",
+		"@mantine/hooks": "^8.2.5",
+		"@mantine/notifications": "^8.2.5",
+		"@rainbow-me/rainbowkit": "^2.2.8",
+		"@sei-js/precompiles": "^2.1.2",
+		"@tabler/icons-react": "^3.34.1",
+		"@tailwindcss/postcss": "^4.1.12",
+		"@tanstack/react-query": "^5.85.3",
+		"ethers": "^6.15.0",
+		"next": "15.4.7",
+		"pino-pretty": "^13.1.1",
+		"react": "^19.1.1",
+		"react-dom": "^19.1.1",
+		"viem": "^2.34.0",
+		"wagmi": "^2.16.4"
+	},
+	"devDependencies": {
+		"@types/node": "^24.3.0",
+		"@types/react": "^19.1.10",
+		"@types/react-dom": "^19.1.7",
+		"autoprefixer": "^10.4.21",
+		"postcss": "^8.4.45",
+		"tailwindcss": "^4.1.12",
+		"typescript": "^5.9.2"
+	}
+}