Lyra Web3 Playground — Solidity IDE Guide

A browser-based Solidity IDE for writing, compiling, deploying, and interacting with smart contracts. No local setup required — everything runs in the browser.

Features

Quick Start

1. Open the playground in your browser
2. Write or paste Solidity code
3. Click "Compile"
4. Connect wallet
5. Click "Deploy"
6. Interact with your contract

Supported Chains

Contract Templates

ERC-20 Token

// SPDX-License-Identifier: MIT
pragma solidity ^0.8.20;

import "@openzeppelin/contracts/token/ERC20/ERC20.sol";

contract MyToken is ERC20 {
    constructor(uint256 initialSupply) ERC20("My Token", "MTK") {
        _mint(msg.sender, initialSupply * 10 ** decimals());
    }
}

ERC-8004 Agent

// SPDX-License-Identifier: MIT
pragma solidity ^0.8.20;

import "@erc8004/contracts/AgentNFT.sol";

contract MyAgentRegistry is AgentNFT {
    function registerAgent(
        string memory name,
        string memory metadataURI
    ) external returns (uint256) {
        return _mintAgent(msg.sender, name, metadataURI);
    }
}

Sperax USDs Vault

// SPDX-License-Identifier: MIT
pragma solidity ^0.8.20;

import "@openzeppelin/contracts/token/ERC20/IERC20.sol";

contract USDsVault {
    IERC20 public immutable usds;
    
    constructor(address _usds) {
        usds = IERC20(_usds);
    }
    
    function deposit(uint256 amount) external {
        usds.transferFrom(msg.sender, address(this), amount);
    }
    
    function withdraw(uint256 amount) external {
        usds.transfer(msg.sender, amount);
    }
}

Interaction Panel

After deployment, the playground generates an interaction panel:

┌─────────────────────────────────────┐
│ Contract: MyToken                    │
│ Address: 0x742d...Bc9               │
│ Chain: Arbitrum One                  │
├─────────────────────────────────────┤
│ Read Functions:                      │
│   ├── name() → "My Token"          │
│   ├── symbol() → "MTK"             │
│   ├── totalSupply() → 1,000,000    │
│   └── balanceOf(address) → [input] │
├─────────────────────────────────────┤
│ Write Functions:                     │
│   ├── transfer(to, amount)          │
│   ├── approve(spender, amount)      │
│   └── mint(to, amount)             │
└─────────────────────────────────────┘

Educational Mode

The playground includes an "Explain" feature:

• Hover over any Solidity keyword for a tooltip
• Click "Explain" to get an AI explanation of the contract
• Step-through debugger for understanding execution flow

Links

• GitHub: https://github.com/nirholas/lyra-web3-playground
• Remix IDE: https://remix.ethereum.org (alternative)
• OpenZeppelin: https://docs.openzeppelin.com
• Sperax: https://app.sperax.io