svelte-scaffold-eth Svelte Themes

Svelte Scaffold Eth

A modern starter template for building Ethereum dApps with SvelteKit 5, Foundry, and DaisyUI.

Svelte Scaffold ETH

A modern starter template for building Ethereum dApps with SvelteKit 5, Foundry, and DaisyUI.

Inspired by scaffold-eth-2 but built with the Svelte ecosystem.

Current Features

  • Debug Contracts Page - Interactive auto-generated UI to test all contracts you're developing under foundry/ (read & write)
  • Wallet Integration - Connect MetaMask or any other browser-injected wallet
  • Multi-chain Support - Pre-configured for 10+ networks (Mainnet, Sepolia, Arbitrum, Optimism, Base, Polygon, etc.)
  • Type-safe Contracts - Full TypeScript types auto-generated from your Solidity ABIs
  • Contract updates auto-update frontend - When you locally deploy, the frontend automatically gets the new contract addresses and ABIs

Planned Improvements

  • Full Contract Hot Reload - Deploy & frontend update on any save of .sol files
  • Transaction Notifications - Toast notifications for transaction status
  • Other features from Scaffold-ETH 2:
    • Burner Wallet - Auto-generated throwaway wallet for frictionless local development
    • Built-in Block Explorer - Browse blocks, transactions, and addresses on any network
    • Event History - View and filter historical contract events

Stack details

  • SvelteKit 5 with DaisyUI for a clean, fast UI
  • Foundry for blazing-fast smart contract development and testing
  • @wagmi/core + Viem for type-safe Web3 interactions

Quick Start

# Install Foundry (using mise - recommended)
mise install

# Set up foundry/lib/forge-std submodule
git submodule update --init --recursive

# Install dependencies
pnpm -C foundry install
pnpm -C web install

# Start local Foundry node (in terminal 1)
pnpm -C foundry chain

# Deploy contracts + generate `web/src/lib/contracts/deployedContracts.ts` (in terminal 2)
pnpm -C foundry deploy:anvil

# Start the web dev server (in terminal 3)
pnpm -C web dev

# Open http://localhost:5173

Your app is now running with:

  • Local Foundry node on http://localhost:8545
  • Contracts deployed via Foundry scripts (see foundry/broadcast/)
  • Generated contract deployment/ABI map at web/src/lib/contracts/deployedContracts.ts

Contributing

This is a starter template - fork it, customize it, make it yours!

Suggestions and PRs welcome.

License

MIT

Acknowledgments

Top categories

Loading Svelte Themes