Skip to main content

Build Full-Stack Apps with Visual Design

Loopar is a drag-and-drop JavaScript framework that lets you create powerful applications with visual tools, extensible architecture, and built-in database integration.

Get StartedLearn Concepts

Quick Start

Get your first Loopar application running in minutes

1

Install Loopar with NPX

Create a new project using the Loopar environment installer:
npx loopar-env my-project --port 8080
The installer will automatically set up your project and start the development server.
2

Complete the Setup Wizard

Open your browser and navigate to http://localhost:8080. The setup wizard will guide you through:
  • Database configuration (MySQL, MariaDB, or SQLite)
  • Project settings and credentials
  • Initial app structure
Your server will automatically restart once the installation is complete.
3

Start Building Visually

Access the visual designer to create your first component:
npm run dev
The designer workspace provides drag-and-drop tools for building UIs, forms, and data views without writing code.

Explore by Topic

Learn the core concepts and features of Loopar Framework

Visual Designer

Build UIs with drag-and-drop tools and a visual component editor

Components

Explore 40+ pre-built components for forms, layouts, and data display

Controllers

Extend application logic with base controller classes

Database ORM

Work with data using Sequelize ORM with MySQL, MariaDB, and SQLite

Key Features

Everything you need to build production-ready applications

No-Code Designer

Build interfaces visually with an intuitive drag-and-drop designer and element editor

Full-Stack Framework

Server-side rendering, client routing, and Express-based backend in one framework

Database Integration

Built-in ORM with Sequelize supporting MySQL, MariaDB, and SQLite databases

Modular Architecture

Extend functionality with a flexible module system and custom controllers

Developer Resources

Documentation, references, and guides for building with Loopar

CLI Reference

Command-line tools for development and deployment

API Documentation

Complete API reference for core classes and utilities

GitHub Repository

Explore the source code and contribute to the project

Ready to Start Building?

Follow our quickstart guide to create your first Loopar application in minutes.

Get Started Now

Build docs developers (and LLMs) love

Get started for freeTalk to us