Revolutionary Web3 Hosting Platform

Decentralize Deployment

Deploy and access your website forever for free on the blockchain.

Instant Preview & CI/CD

Automatic deployments from GitHub with instant preview links and version control.

AI Website Generator

Generate a website using AI and deploy it directly to the blockchain.

Decentralized Search Engine

Our search engine has indexed all websites on the blockchain network.

Analytics & Monitoring

Real-time analytics dashboard and uptime monitoring for your decentralized websites.

Decentralized CDN

Utilize our decentralized content delivery network for faster and more reliable access.

Deploy Your Website on Smart Contracts

Coming Soon

Smart Contract Deployment

$ http3 deploy ./my-website

Deploy your website directly to the blockchain using our CLI tool.

Instant Preview

Preview: https://ba..ipfs.link/

Get an instant preview link to share your deployed website.

Web3 Integration

Smart Contract Interaction

Easily integrate Web3 functionality into your deployed website.

Code Editor

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Space Invaders</title>
    <style>
        body { margin: 0; padding: 20px; display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #000; }
        #gameCanvas { border: 2px solid #fff; }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

let player = { x: 175, y: 350, width: 50, height: 20 };
        let bullets = [];
        let enemies = [];
        let score = 0;
        let gameOver = false;

function drawPlayer() {
            ctx.fillStyle = '#00ff00';
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }

function drawBullets() {
            ctx.fillStyle = '#fff';
            bullets.forEach(bullet => {
                ctx.fillRect(bullet.x, bullet.y, 5, 10);
            });
        }

function drawEnemies() {
            ctx.fillStyle = '#ff0000';
            enemies.forEach(enemy => {
                ctx.fillRect(enemy.x, enemy.y, 30, 30);
            });
        }

function moveBullets() {
            bullets.forEach(bullet => {
                bullet.y -= 5;
            });
            bullets = bullets.filter(bullet => bullet.y > 0);
        }

function moveEnemies() {
            enemies.forEach(enemy => {
                enemy.y += 1;
            });
        }

function drawScore() {
            ctx.fillStyle = '#fff';
            ctx.font = '20px Arial';
            ctx.fillText('Score: ' + score, 10, 30);
        }

function gameLoop() {
            if (gameOver) {
                ctx.fillStyle = '#fff';
                ctx.font = '40px Arial';
                ctx.fillText('Game Over', 100, 200);
                ctx.font = '20px Arial';
                ctx.fillText('Click to restart', 130, 250);
                return;
            }

ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            if (Math.random() < 0.02) {
                enemies.push({ x: Math.random() * (canvas.width - 30), y: 0 });
            }

drawPlayer();
            drawBullets();
            drawEnemies();
            drawScore();

moveBullets();
            moveEnemies();
            checkCollisions();

requestAnimationFrame(gameLoop);
        }

canvas.addEventListener('mousemove', (e) => {
            const rect = canvas.getBoundingClientRect();
            player.x = e.clientX - rect.left - player.width / 2;
        });

canvas.addEventListener('click', () => {
            if (gameOver) {
                gameOver = false;
                player = { x: 175, y: 350, width: 50, height: 20 };
                bullets = [];
                enemies = [];
                score = 0;
                gameLoop();
            } else {
                bullets.push({ x: player.x + player.width / 2 - 2.5, y: player.y });
            }
        });

gameLoop();
    </script>
</body>
</html>

Live Preview