Widgets

Bevel Kit adds four groups of widgets to the Elementor panel and extends several of Elementor’s own. Every widget key starts with bvl-, and every one is styled from the site’s design system so a page holds together without per-widget colours.

Bevel

The Bevel category sits directly under Basic.

Widget	What it is
Form	A multi-step form with fields, actions after submit, spam protection and an inbox. See Forms.
Search	A search field with live results as you type, and a full-screen mode.
Gallery	Images in a grid, masonry or justified layout, with a filter bar, hover overlay and lightbox.
Media Carousel	An image and video slider with a lightbox.
Advanced Tabs	Tabs with a title, an image and a caret; a per-device layout.
Simple Accordion	A toggle or accordion list.
Image Accordion	Horizontal image panels that expand on hover, each with a title, text and button.
Info Box	An icon or image, a title, a description and a link, as one card.
Flip Box	A card with a front and a back, flipped on hover.
Blockquote	A pull quote or a tweet-style quote with a button.
Hotspot	An image with positioned markers and tooltips.
Table of Contents	An anchor list built from the page’s headings.
Off-Canvas	A button that opens a drawer or flyout panel with its own content.
Highlight Heading	A heading with an animated SVG highlight behind a word.
Animated Word Roller	A heading with one rotating word.
Marquee	A scrolling line of text or dividers.
Image Marquee	A scrolling strip of logos or images.
Image Compare	A before-and-after slider with labels.
Stacked Slider	Cards stacked and swiped, with dots.
Timeline	A vertical or horizontal timeline with icon, date, title and button per item.
Circle Progress Bar	A circular percentage meter.
Counter	Animated numbers, several per widget.
Testimonial Grid	Review cards with quote, author, photo, rating and logo.
Post Grid	Post cards from a query, with meta and pagination. For a custom card use a loop.

Theme builder widgets

Under Site in the panel. They replace the placeholders the free editor shows for Elementor Pro’s site widgets.

Widget	What it prints
Site Logo	The site logo, or the light logo when asked. See Site Settings.
Site Title, Page Title, Post Title, Archive Title	The respective title.
Post Content	The post body. A single template without it previews the page itself.
Post Excerpt, Featured Image	The excerpt; the thumbnail.
Post Info	A meta list: date, author, comments, terms, reading time, as a list or with icons.
Post Comments	The comment list and form.
Post Navigation	Previous and next links with labels, titles, arrows and borders.
Author Box	Avatar, name, bio and link.
Breadcrumbs	The trail.
Archive Posts	The archive’s own loop as a grid with pagination.
Search Form	An input, a button, or a toggle.
Sitemap	Lists of pages and categories.
Nav Menu	The site’s menu. See Nav Menu and Mega Menu.

Loop widgets

Loop Grid, Loop Carousel and Taxonomy Filter. See Loops.

WooCommerce widgets

Twenty-one widgets, registered only when WooCommerce is active. See WooCommerce.

Extra controls on Elementor’s widgets

The Kit adds sections to Elementor’s own free widgets:

Button: icon size, scale, spacing, rotation, colours and background in normal and hover state, radius and padding for the icon.
Icon List: link hover underline with its height, icon styles, inline gap.
Heading: Span Text Styles (typography and colour for a <span> inside the heading, the usual way to colour one word) and Scroll Reveal Fill (the heading fills with colour as it scrolls into view, with fill and unfilled colours, speed and offset).
Icon Box: an image instead of an icon, with position, alignment, size, fit, radius and padding; content top spacing.
Image Box: content top spacing, radius, padding, margin.
Text Editor: link styles.
Video: YouTube Optimized Embed, which loads a thumbnail and swaps in the player on click, with lazy loading of the thumbnail.
Container: Sticky Header (with Smart Sticky, which hides on scroll down and returns on scroll up, Disable on Mobile, a blur behind the header and a background while the mobile panel is open), Animated BG (a moving gradient), and Animated Border (Hover Glow, Rotate, Gradient Rotate, Multicolor Rotate with 4, 8 or 12 colours).

Every element also gets the element options: sticky, motion effects, per-device custom CSS, attributes, a wrapper link, display conditions and a tooltip.

Start here

Bevel theme

Bevel Kit

Bevel MCP

Reference

Bevel

Theme builder widgets

Loop widgets

WooCommerce widgets

Extra controls on Elementor’s widgets

​Bevel

​Theme builder widgets

​Loop widgets

​WooCommerce widgets

​Extra controls on Elementor’s widgets

Bevel

Theme builder widgets

Loop widgets

WooCommerce widgets

Extra controls on Elementor’s widgets