ebosma

Introduction to ebosma

Master ebosma fundamentals with step-by-step guidance and practical examples.

Start Learning

Getting Started

Create a New Project

ebosma makes it easy to start new projects with our CLI or by adding to your existing project.

npm create ebosma@latest

Follow the prompts to select features and start building immediately.

Why ebosma?

Declarative Syntax

Write clean, predictable code that reflects your app's UI directly.

Performance

Optimized for speed with minimal runtime overhead.

Developer Tools

Get powerful development utilities for debugging and optimization.

Basic Example

/components/button.astro

// Counter example using ebosma's state and component system

import { state, Component } from '@ebosma/core';

export default function Counter() {
  const count = state(0);

  return <div class="p-6 text-center">
    Current Count: {count.value}<br />
    <button onClick={() => count.value += 1} class="bg-blue-500 px-4 py-1 mx-2">+1</button>
    <button onClick={() => count.value -= 1} class="bg-blue-500 px-4 py-1 mx-2">-1</button>
  </div>
}

Live Demo

Ready to Build Something Amazing?

Ebosma gives you the tools to build the web apps of your dreams.

View More Examples