Elements

An element is one piece of content you drop into a column: a slider, a gallery, a button, a heading that animates as it scrolls into view. Salient adds its own set to the WPBakery page builder, and each one is documented here with its settings and a preview.

Animated TextReveal a heading letter by letter or word by word as it scrolls into view, with blur and stagger options.BadgeA small pill of text for labelling a section: New, Popular, a category or a step number.ButtonsAdd a button or animated text link with ten styles, custom colors, roundness and per-side spacing.CarouselBuild sliders and carousels in the page builder, including the Simple Slider type that is now the recommended way to create a slider in SalientCascading ImagesStack up to four images as offset, rotated and scaled layers that animate in as they scroll into view.Chat ThreadPresent a conversation as chat bubbles on a WordPress page, with sender sides, avatars and a typed-in entrance animation set in the Salient page builderClientsA grid or carousel of client and partner logos, with a hover treatment and optional one-by-one fade in.Circle ImagesA row of circular images that can overlap, for avatar stacks and small groups of faces.Content TrailAn image trail element for the Salient page builder: images or text spawn along the cursor's path and fade out, with mode, animation and position optionsDividerA rule between sections, in full width, short or vertical forms, or a pure spacer with no line at all.Fancy BoxA linked content box with a background image, icon and hover effect, in six styles for service grids and call-to-action tiles.Fancy Unordered ListA bulleted list with the bullet replaced by a dash, dot, check mark or any icon, with optional staggered animation.Flip BoxCreate a two-sided box that flips in 3D on hover, with independent backgrounds, icons and text for the front and back.Food Menu ItemA name, price and description laid out as one line of a menu, with an optional leader line between name and price.GalleriesThe Image Gallery element in Salient's page builder shows a set of images six ways: two sliders, two carousels, a cropped image grid or a parallax gridGradient TextA heading filled with one of the theme's gradients rather than a flat color.Highlighted TextAnimate an emphasis mark behind or around chosen words: marker highlight, fancy underline, text outline or a hand-drawn scribble.Horizontal List ItemA full width row of up to four aligned columns, stacked to build a list of projects, roles or releases.ImagePlace a single image in a page builder column, with entrance and hover animations, a lightbox link, a mask, and Max Width settings that let it overflow its column.Image ComparisonPlace two images behind a drag handle so visitors can wipe between them, for before and after shots.Image With HotspotsPin numbered or plus-sign markers onto an image, each with a tooltip of its own, positioned by dragging in the editor.IconsPlace a single icon from any of the six bundled libraries, or upload your own, with size, coloring, borders and an entrance animation.Icon ListA list where each item leads with an icon or a step number, laid out vertically or across columns.Interactive MapEmbed a map with one or more markers, using Leaflet with no API key or Google Maps with one.Lottie AnimationsAdd a Lottie animation to a WordPress page: point Salient's Lottie element at a JSON file, then set the trigger, looping, speed and framesMilestoneCount a number up as it scrolls into view, with an optional currency or percent symbol and a caption beneath.Morphing OutlineDraws an animated outline around a word or phrase that reshapes itself on hover.Page SubmenuA secondary nav bar for one page, optionally sticking to the top of the viewport as the visitor scrolls.Progress BarA horizontal bar that fills to a percentage as it scrolls into view, for skills and capability lists.Pricing TableBuild a comparison table of pricing plans, with a highlighted column for the plan you want visitors to choose.Post Loop BuilderQuery posts, projects, products or any post type and lay the results out as a grid, carousel or stack in five display styles, or use it as the blog archive loopResponsive TextText that scales with the viewport instead of stepping between fixed sizes at each breakpoint.Rotating WordsA heading with one word or phrase that cycles through a list, for saying several things in one line.Scrolling TextA band of text that travels across the screen, with repeats, dividers, outline styling and an optional image fill.Self Hosted VideoPlay an MP4 you host yourself, with a poster image, custom play button and a mobile image fallback.Sticky Content SectionsSticky sections on scroll in Salient: pin or stack sections, keep media fixed beside scrolling text, scroll sideways, or reveal layered cardsStar RatingA row of stars from one to five in half-star steps, with optional text beside it.TabsSplit content into tabbed panels, with nine styles including vertical navigation and a sticky scrolling variant.Team MemberA staff profile card with photo, name, role and social links, in five styles including a full biography modal.Text With Inline MediaSet small images or videos inside a line of text, sitting between the words rather than beside them.Testimonial SliderRotate customer quotes through a slider in four styles, with star ratings, avatars and optional auto-rotation.Toggle PanelsCollapsible accordion panels in five styles, for FAQs and any long list of short answers.Video LightboxOpen a YouTube or Vimeo video in a lightbox from a play button, a preview image or a Nectar Button.