Guide
Packages
Templates
API
Guide
Packages
Templates
API

Quick Start

Getting started with BubblesJS is easy! Let's create your first project.

Environment Requirements

  • Node.js >= 18.0.0
  • Package manager: npm, yarn, pnpm, or bun

Create Project

You can use create-bubbles to create a new BubblesJS project:

npm
yarn
pnpm
bun
npm create bubbles@latest my-project

Choose Template

During project creation, you'll be prompted to select a template:

  • React + Rsbuild + Biome: Fast React development with Rsbuild
  • Vue + Rsbuild + Biome: Vue development with Rsbuild and auto-imports
  • Vue + Rolldown + Oxc: Experimental build tools (uses Rolldown instead of Vite)

Start Development

After project creation, navigate to your project directory and start the development server:

cd my-project
npm
yarn
pnpm
bun
# Install dependencies
npm install

# Start development server
npm run dev

Project Structure

my-project/ ├── src/ │ ├── main.ts # Entry point │ ├── App.vue # Root component │ └── components/ # Components directory ├── public/ # Static assets ├── package.json # Dependencies and scripts └── vite.config.ts # Build configuration

Next Steps

Happy coding! 🚀

ON THIS PAGE