> ## Documentation Index > Fetch the complete documentation index at: https://docs.wpbevel.com/llms.txt > Use this file to discover all available pages before exploring further. # Widgets > The Bevel widgets, the theme-builder widgets, the loop and WooCommerce widgets, and the extra controls on Elementor's own 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](/kit/site-settings) 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](/kit/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](/kit/loops). | ## 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](/kit/site-settings#site-identity). | | **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](/kit/mega-menu). | ## Loop widgets **Loop Grid**, **Loop Carousel** and **Taxonomy Filter**. See [Loops](/kit/loops). ## WooCommerce widgets Twenty-one widgets, registered only when WooCommerce is active. See [WooCommerce](/kit/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 `` 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](/kit/element-options): sticky, motion effects, per-device custom CSS, attributes, a wrapper link, display conditions and a tooltip.