The Future of Web3 Hosting on Smart Contracts

Host your websites from static html files to dynamic web apps on the blockchain, Preserve your simple web projects forever with BNS's decentralized hosting.

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

$ bns deploy ./my-website

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

Coming Soon

Integrate your BNS domains to your website

$ manny.ftn

Access your deployed website using your bahamut domain.

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