Getting Started

What is SolScaffold?

SolScaffold is a browser-based Solana developer toolkit built for the 100xDevs Frontier Hackathon 2026. It gives you four tools in one place: an IDL Playground to test Anchor programs, a Scaffold Wizard to generate full-stack monorepos, an SNS Send Widget to send SOL/USDC to .sol names, and a Tx Explainer to decode any on-chain transaction in plain English.

Quick Start

git clone https://github.com/nanda-1-wq/solscaffold.git
cd solscaffold
pnpm install
cp .env.example .env.local  # add your RPC URL
pnpm dev

Environment Variables

IDL Playground

The IDL Playground lets you interact with any Anchor program directly from the browser. Paste your IDL JSON, select an instruction, fill in accounts and arguments through a generated form UI, and execute the transaction on devnet or mainnet - no frontend code required. It's the fastest way to sanity-check your Anchor program during development.

How to Use

1. Paste your Anchor IDL JSON in the Monaco editor on the left.
2. Enter your program ID (or use the one already in the IDL metadata).
3. Click "Load IDL" — instruction tabs appear automatically.
4. Select an instruction tab for the instruction you want to call.
5. Fill in the required accounts and arguments in the generated form.
6. Click "Execute on devnet/mainnet" — the transaction is sent and logs appear below.

Supported Argument Types

Scaffold Wizard

The Scaffold Wizard generates a production-ready Next.js 14 + Anchor monorepo in three steps. Give it a project name, pick your optional features, and download a ZIP that's ready to run. Every generated project includes wallet adapter, RPC configuration, and a basic program integration out of the box.

What Gets Generated

• app/ — Next.js 14 App Router pages and layouts
• components/WalletProvider.tsx — pre-wired wallet adapter
• programs/ — Anchor program scaffold with basic instruction
• tests/ — Anchor test file with mocha setup
• Anchor.toml — configured for devnet
• .env.local — RPC URL placeholder
• package.json + pnpm-workspace.yaml

Optional Features

SNS Send Widget

SNS (Solana Name Service) is a decentralized naming system that maps human-readable .sol names to wallet addresses - like DNS for Solana. The SNS Send Widget lets you send SOL or USDC to any .sol name or raw public key without leaving the page.

How to Use

1. Connect your wallet using the button in the top nav.
2. Enter a .sol name (e.g. alice.sol) or a raw wallet address.
3. Choose SOL or USDC and enter an amount.
4. Click "Send" — sign the transaction in your wallet.

Tx Explainer

Paste any Solana transaction signature and get a complete human-readable breakdown: who sent what to whom, which programs were invoked, what accounts changed balance, and a step-by-step timeline of every instruction and inner instruction in the transaction.

What It Shows

• Fee payer and transaction fee
• SOL balance changes for every account involved
• SPL token transfers and mint/burn events
• Program logs and compute units consumed
• Inner instruction trace with call depth
• Instruction-by-instruction timeline

Supported Programs

Contributing

SolScaffold is open source and contributions are welcome. Bug reports, feature requests, and pull requests are all appreciated.

# Fork → clone → branch → PR
git clone https://github.com/nanda-1-wq/solscaffold.git
cd solscaffold
git checkout -b feat/your-feature
pnpm install && pnpm dev
# make your changes, then open a PR