const { useState } = React; // WEVM Logo SVG Component const WevmLogo = () => ( ); // Projects Data List const projectsList = [ { name: 'viem', desc: 'TypeScript interface for Ethereum that provides low-level primitives for interacting with Ethereum.', stars: '6.4k', downloads: '14.2m/mo', url: 'https://viem.sh', github: 'https://github.com/wevm/viem', badge: 'Core Primitive', snippet: `import { createPublicClient, http } from 'viem' import { mainnet } from 'viem/chains' const client = createPublicClient({ chain: mainnet, transport: http(), }) const blockNumber = await client.getBlockNumber() console.log('Latest Mainnet Block:', blockNumber)` }, { name: 'wagmi', desc: 'React Hooks for Ethereum. Used by Uniswap, OpenSea, Stripe, and Coinbase.', stars: '5.8k', downloads: '8.6m/mo', url: 'https://wagmi.sh', github: 'https://github.com/wevm/wagmi', badge: 'React Library', snippet: `import { useAccount, useConnect, useDisconnect } from 'wagmi' function App() { const { address, isConnected } = useAccount() const { connect, connectors } = useConnect() if (isConnected) return

Connected: {address}

return }` }, { name: 'vocs', desc: 'Minimal, fast static site generator built for developer documentation powered by React & Vite.', stars: '1.2k', downloads: '420k/mo', url: 'https://vocs.dev', github: 'https://github.com/wevm/vocs', badge: 'Documentation', snippet: `// vocs.config.ts import { defineConfig } from 'vocs' export default defineConfig({ title: 'Wevm Docs', sidebar: [ { text: 'Getting Started', link: '/docs/getting-started' }, { text: 'API Reference', link: '/docs/api' }, ], })` }, { name: 'curl.md', desc: 'Convert any web page or documentation URL to clean Markdown instantly for AI agents.', stars: '840', downloads: '180k/mo', url: 'https://curl.md', github: 'https://github.com/wevm/curl.md', badge: 'AI Utility', snippet: `$ curl https://curl.md/https://viem.sh # Viem Documentation TypeScript Interface for Ethereum...` }, { name: 'abitype', desc: 'Strict TypeScript types for Ethereum ABIs with ultra-fast type inference.', stars: '890', downloads: '18.4m/mo', url: 'https://abitype.dev', github: 'https://github.com/wevm/abitype', badge: 'TypeScript Core', snippet: `import { parseAbi } from 'abitype' const abi = parseAbi([ 'function balanceOf(address owner) view returns (uint256)', 'event Transfer(address indexed from, address indexed to, uint256 value)', ])` }, { name: 'incur', desc: 'Command-line tool suite & micro-utility runners for open-source TypeScript workflows.', stars: '310', downloads: '95k/mo', url: 'https://github.com/wevm/incur', github: 'https://github.com/wevm/incur', badge: 'CLI Tool', snippet: `$ npx incur@latest init ✓ Created incur config for workspace` }, { name: 'mppx', desc: 'Micropayments protocol for instant low-friction developer api monetization.', stars: '260', downloads: '40k/mo', url: 'https://github.com/wevm/mppx', github: 'https://github.com/wevm/mppx', badge: 'Protocol', snippet: `import { mppx } from 'mppx' const payment = await mppx.requestPayment({ amount: '0.001', recipient: '0x123...' })` } ]; // Sponsors / Enterprise Logos const sponsors = [ 'Paradigm', 'Tempo', 'Coinbase', 'Stripe', 'Brave', 'Cloudflare', 'Shopify', 'Vercel', 'MetaMask', 'Polymarket', 'Uniswap', 'Zora', 'ENS', 'OpenSea' ]; function App() { const [activeTab, setActiveTab] = useState('viem'); const [outputConsole, setOutputConsole] = useState(''); const [isRunning, setIsRunning] = useState(false); const selectedProject = projectsList.find(p => p.name === activeTab) || projectsList[0]; const handleRunSnippet = () => { setIsRunning(true); setOutputConsole('Executing TypeScript snippet...'); setTimeout(() => { if (activeTab === 'viem') { setOutputConsole(`✓ Connected to Ethereum Mainnet RPC\n> Latest Block: #20,481,932\n> Gas Price: 12.4 Gwei\n> Chain ID: 1`); } else if (activeTab === 'wagmi') { setOutputConsole(`✓ Injected Connector Ready (MetaMask / Coinbase Wallet)\n> Account Status: Disconnected\n> Available Connectors: [Injected, WalletConnect, CoinbaseWallet]`); } else if (activeTab === 'vocs') { setOutputConsole(`✓ Vocs Documentation Server Started\n> Local: http://localhost:5173/\n> Pages compiled: 14 pages in 180ms`); } else if (activeTab === 'abitype') { setOutputConsole(`✓ Inferred ABI Types cleanly\n> Types extracted: 2 functions, 1 event\n> Zero type errors.`); } else { setOutputConsole(`✓ Code compiled & executed cleanly.`); } setIsRunning(false); }, 600); }; return (

{/* Main Panel Box */}

{/* Header */}

{/* Stats Badges */}

NPM 81,986,738 DL/MO GH 13,560 STARS

{/* Hero Section */}

TypeScript tools
for the frontier

Wevm is an open-source collective building TypeScript software used by hundreds of enterprise organizations and millions of developers worldwide.

GitHub → Sponsor → dev@wevm.dev

{/* Enterprise Marquee Ticker */}

Trusted in production by

{sponsors.concat(sponsors).map((s, idx) => ( ◈ {s} ))}

{/* Interactive Library Playground Section */}

Interactive Sandbox

Live Code Tester

{/* Selector Tabs */}

{['viem', 'wagmi', 'vocs', 'abitype'].map(key => ( ))}

{/* Code Block */}

{selectedProject.snippet}

Visit {selectedProject.name} docs ↗

{/* Console Output */} {outputConsole && (

Terminal Output

{outputConsole}

)}

{/* Projects Grid */}

Open Source Projects

{projectsList.length} Active Libraries

{projectsList.map((p, idx) => (

{p.name} ↗ {p.badge}

★ {p.stars} ↓ {p.downloads}

{p.desc}

Website GitHub Repo

))}

{/* Team / Maintainers Section */}

Maintainers

{/* tmm */}

tmm @awkweb · Co-founder

{/* jxom */}

jxom @_jxom · Co-founder

{/* Footer */}

); } // Render Application to Root DOM ReactDOM.render(, document.getElementById('root'));