25 articles
Interactive
Blocks that respond to the visitor, such as tabs, toggles, accordions, carousels, counters and overlays. Use them to fit more into one screen, or to hold detail back until someone asks for it. Designs adding blocks here: Hosting.
AccordionsStack titled panels that open and close, so a long run of questions or reference material fits on one page and visitors expand only the parts they need.AJAX ButtonsButton that loads external content via AJAX into a container. Supports append, prepend, and replace insertion modes.CarouselsResponsive owl-carousel slider with per-breakpoint item counts, autoplay, navigation arrows, dots, lightbox, and lazy-load support.Cookie ConsentCookie consent bar with a privacy preferences modal and per-service consent toggles.CountdownsCountdown or count-up timer powered by the jQuery countdown plugin.Flip CardsInteractive 3D flip cards with configurable front and back faces, icon, title, subtitle, rich-text content, CTA button, and per-face background image or color.GalleriesImage gallery with masonry support, configurable columns, gap control, and optional lightbox.Hover 3DCard with a CSS perspective tilt effect on mouse-move powered by the theme JS module.Image CompareBefore/after image comparison slider with configurable orientation, offset, handle style, and side labels.Image HotspotsInteractive image with positioned hotspot pins that reveal tooltips on hover or click.Image SlidersFlexSlider-powered image slider with slide/fade animation, autoplay, arrows, dots, thumbnail nav, and touch-swipe support.ModalsTrigger a modal / popup dialog from a button, link, or auto-open on page load.NavA tabs / pills / underline navigation strip with active and disabled states and one-level dropdowns.Off-CanvasA Bootstrap 5 off-canvas sliding panel (start / end / top / bottom) opened by a button or link.PaginationA pagination row: circle, rounded, pill, 3D, transparent or button styling, in three sizes and any alignment.Parallax ImageFull-width parallax image section with optional overlay and content.Scroll RevealAnimate content into view as the user scrolls down the page.SliderEmbed a Canvas slider anywhere on the site by selecting it. Slides, effects, navigation, and height are configured on the slider itself.Tab StripA tab strip whose panels are ordinary blocks elsewhere on the page.TabsSplit related content across labelled tabs so visitors read one section at a time, which keeps a long comparison or specification page short enough to scan.Text Fill ScrollProgressively fills text color as the element scrolls into view.Text RotatorAnimated rotating or typed text within a heading element.TogglesHide one piece of content behind a heading a visitor clicks to reveal, for a long answer or a set of terms that should not take up the page by default.Video FacadeLazy-load video embed behind a thumbnail image; iframe loads only on click for faster pages.YouTube BackgroundYouTube video playing as an ambient muted background behind overlay content.