Front-End Components

Back to Media, Galleries and Effects

Front-End Components

Start here for UI building in Wappler: Bootstrap components, forms, themes, and the editor surfaces used to shape frontend behavior.

Use this page as the frontend-building map through Wappler. Start with Bootstrap for layout and components, then branch into Forms, App Connect, and Theme Manager depending on whether you are shaping markup, interactions, or design system behavior.

The goal is to give beginners one clear hub for the UI side of Wappler.

Start here

Bootstrap

Build Bootstrap pages in Wappler: add the framework, use the grid, drop components, and style with utilities and generators.

Open tour

Quick Overview

Get a quick overview of Forms: what it is, where to find it, and how it fits in your workflow.

Open tour

App Connect

Your guided index of App Connect tours: reactive model, data components, bindings, events/actions, and common workflows — explained visually in Wappler’s panels and pickers.

Open tour

Refine and expand

Front-End Logic and Flows

A learning hub for client-side orchestration in Wappler: App Connect flows, page-level server events, and simple stateful UI logic.

Open hub

Front-End Input Widgets

A learning hub for richer front-end input components in Wappler, covering autocomplete, editors, tag entry, and date/time picking.

Open hub

Theme Manager

Explore Theme Manager: Theme Manager tours and Design Framework.

Open tour

Pages: Overview

Start here to learn how Pages fits in your workflow, and jump into Manager, HTML Editor, and Overview.

Open tour

Assets Manager Overview

A quick orientation to Assets Manager so you can understand reusable assets, media handling, and the bridge between files and UI resources.

Open hub

Media, Galleries and Effects

A Wappler learning hub for media-heavy pages, covering galleries, lazy loading, slideshows, and motion effects.

Open tour

Go to

File Management

Start here for file-oriented work in Wappler: project files, assets, upload workflows, and the handoff into publish-safe habits.

Open tour

Getting Started

Start here for onboarding: orientation, first project, first page, first data flow, and the first preview-to-publish handoff.

Open tour

Wappler Docs Index

Browse Wappler tours by topic and jump into areas like Why Wappler, Learning the Basics, and Wappler's UI.

Open tour