SandBlox Usage

What is SandBlox?

SandBlox is a modular prototyping tool that lets developers:

• Use pre-built templates ("blox")

• Visually configure contract behavior

• Deploy directly from a browser

Workflow Overview

1. Visit: sandblox.app/

2. Choose a pre-built blox (e.g., SimpleVault)

3. Configure parameters visually

4. Connect wallet and deploy

Each "blox" contains:

• A smart contract (e.g., SimpleVault.sol)

• A UI component (SimpleVault.tsx)

• Metadata/config (SimpleVault.blox.json)

Fork or Create Your Own Blox

Developers can fork the SandBlox source from GitHub and build custom blox:

git clone https://github.com/PracticalParticle/sand-blox.git
cd sand-blox
npm install

Project uses:

• Vite for fast builds

• Tailwind CSS for UI

• RainbowKit for wallet connection

To create a custom blox:

1. Inside src/blox/, create a new folder: CustomVault/

2. Add the following:

   • CustomVault.sol — Solidity contract

   • CustomVault.tsx — main logic

   • CustomVault.ui.tsx — user interface

   • CustomVault.blox.json — metadata config

Run locally and deploy using your own configuration or connect to the testnet.

SandBlox Tutorials