🚀 Getting Started

Turn your HTML into Ethereum-powered applications in under 5 minutes with our zero-configuration smart contract API.

Begin Tutorial

Step-by-Step Guide

1. Add the Core Script

Include our Ethereum-enabled HTML framework by adding this line to your HTML document.

<script src="/egthhtml/core.js"></script>
1️⃣

Step One

Add the core library to enable Ethereum interactions in your HTML projects.

2. Create Smart Contract UI

Use our HTML attributes to automatically generate and verify smart contracts.

<div data-contract="erc-20" data-ai="true">
  <input type="text" placeholder="Token Name">
  <button onclick="ethHtml.deploy(this.parentNode)">Deploy</button>
</div>
2️⃣

Step Two

Create contract templates using special HTML data attributes that trigger blockchain actions.

3. Verify with Blockchain

All transaction hashes and smart contract addresses are automatically embedded and verifiable.

Contract deployed at: 0xabc...def
Transaction hash: 0x123...456
3️⃣

Step Three

Every interaction is stored on Ethereum for permanent, decentralized verification.

Complete Example

<div data-contract="nft" data-ai="true" class="p-6 bg-black/30 rounded-lg">
  <input type="file" class="mb-4">
  <input type="text" placeholder="NFT Name" class="mb-4 w-full">
  <button onclick="ethHtml.deploy(this.parentNode)">Mint NFT</button>
</div>

This example creates an AI-generated NFT system with:

  • • Automatic image hashing
  • • Smart contract minting
  • • Ethereum verification
  • • Metadata storage
  • • UI generation
📚 View API Reference

Create Ethereum-Powered HTML Today

🌐 Try Live Demo 👥 Meet the Team