Getting Started

Build your first ebosma application by learning key concepts and creating real-world examples.

1. Installation

Create a New Project

Use our CLI to scaffold a new ebosma application in seconds.


npm create ebosma@latest

Manual Setup

For advanced workflows, install core packages manually.


npm install @ebosma/core @ebosma/state

2. Core Concepts

Reactive State

Effortless state management with automatic UI updates.

Component System

Compose UIs using lightweight, reusable components.

3. Your First Application

Project Layout


project/

├── src/

│   ├── components/

│   │   └── Button.tsx

│   ├── App.tsx

│   └── styles.css

├── package.json

└── tsconfig.json

Counter Component


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

const count = state(0);

export default () => (
  
    Current: {count.value}
          onClick={() => count.value++}
      class="bg-indigo-600 text-white px-4 py-2 mx-1 rounded"
    >+1
  

);

Next Steps

Advanced State

Learn to manage complex state patterns and optimizations.

View Guide

Component API

Deep dive into component lifecycle and custom hooks.

View API

Build Tools

Learn about bundling, SSR, and performance optimizations.

View Tools

Start Building

Ebosma powers your next generation web applications with modern design and performance.

Explore ebosma API Docs