Skip to content

Front-End Components — About The Front End Components Category — Wappler Docs Hub

Browse the Front-End Components hub in Wappler Docs. Start here for UI building in Wappler: Bootstrap components, forms, themes, and the editor surfaces used to shape fro

Back to Reference Tours

Front-End Components

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

Build the Front End

Use this hub when you are shaping the UI side of Wappler. Start with layout and components, then branch into forms, App Connect, themes, and front-end reference areas.

Start here

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

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

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.

Refine and expand

HTML Editor: Front-End Learning

HTML Editor front-end hub linking the editor tours with Bootstrap, App Connect, forms, themes, media, and page/layout paths.

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.

Front-End Input Widgets

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

Use the CSS panel to inspect, create, and organize project styles without losing sight of where the real CSS lives.

Explore Theme Manager: Theme Manager tours and Design Framework.

Pages and Layouts

Start here to learn how pages and layouts fit in your workflow, then move into Pages Manager, the HTML Editor, and concrete page patterns.

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.

Media, Galleries and Effects

A Wappler learning hub for media-heavy pages, covering focused component tours for lightbox, masonry, lazy loading, slideshow, Swiper, background video, and image parallax.

Reference hubs

App Connect Reference Index

Gateway to the generated App Connect reference collections, so you can jump into current web and mobile reference coverage without replaying full how-to tours.

Web Framework References

Browse the current web-facing App Connect reference coverage for Bootstrap 5 and shared framework-agnostic surfaces from one searchable collection.

Mobile Framework References

Browse the current mobile-first App Connect reference coverage for Framework7 7.8 and related Capacitor surfaces from one searchable collection.

Go to

File Management

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

Getting Started

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

Wappler Docs Index

Guided documentation and interactive tours for beginners, builders, switchers, and advanced users, from first project to full-stack reference.