Wappler documentation
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.
Use this hub when a page is driven by media-heavy frontend components. Start with the specific behavior you need, then continue into the focused single-component tour for that workflow.
Start here
LightboxUse App Connect Lightbox to keep media browsing inline until the user asks for a larger preview, then control the overlay from one shared page-level component.MasonryUse App Connect Masonry to convert a Bootstrap row into an editorial wall while keeping column, gutter, and order control in Wappler.Lazy Load ImagesUse lazy loading, placeholders, and responsive image sources so media-heavy pages stay fast while still looking polished.SlideshowUse App Connect Slideshow for one dominant frame at a time, with simple navigation, paging, and timing controls that keep the sequence readable.SwiperUse App Connect Swiper for curated sequences where navigation, pagination, autoplay, and responsive slide counts all support one deliberate story.Background VideoUse App Connect Background Video to add restrained looping motion behind readable content without complicating the section structure.Image ParallaxUse Image Parallax as a restrained depth cue on real page imagery without letting the effect overpower the content.
Related families
HTML Editor: Front-End LearningHTML Editor front-end hub linking the editor tours with Bootstrap, App Connect, forms, themes, media, and page/layout paths.Front-End ComponentsStart here for UI building in Wappler: Bootstrap components, forms, themes, and the editor surfaces used to shape frontend behavior.Assets Manager OverviewA quick orientation to Assets Manager so you can understand reusable assets, media handling, and the bridge between files and UI resources.Pages and LayoutsStart here to learn how pages and layouts fit in your workflow, then move into Pages Manager, the HTML Editor, and concrete page patterns.