Pretpot Massive Addons Kit for Elementor - Documentation
Table of Contents
PLUGIN INSTALLATION
📥 Installation
Free Version (Pretpot Massive Addons Kit for Elementor)
Go to WordPress Admin → Plugins → Add New
Search for “Pretpot Massive Addons Kit for Elementor”
Click Install Now then Activate
Or download from pretpot.com and upload manually
Pro Version (Pretpot PRO Massive Addons Kit for Elementor)
Purchase a license from our main page here
Download the PRO plugin from the payment confirmation screen after you have purchased your Pro plan.
Go to your WordPress site → Plugins → Add New → Upload Plugin
Upload the ZIP file and activate
Go to P Massive Addons → Activate License tab
Enter your license key and click Activate
⚙️ Getting Started - Admin Dashboard
After activation, you’ll see a new admin menu item: P Massive Addons
The Plugin Dashboard Tabs
Widgets – Enable/disable any of the 200+ widgets
Troubleshoot – Deactivate all widgets or reset plugin data
Cookie Settings – Configure GDPR/CCPA compliance
Free vs Pro – Feature comparison table
Activate License (PRO) – Enter your license key to unlock 165+ widgets
Site Settings (PRO) – Configure page transitions and global settings
Free Widgets Section
Comprehensive documentation for all 45+ free widgets included in Pretpot Massive Addons Kit for Elementor. Each widget includes a detailed description, key features, and available controls to help you build stunning websites.
Free Widgets
Simple Cookies
GDPR/CCPA compliant cookie consent banner that displays a floating notification to visitors with customizable heading, message, policy link, and action buttons. Includes position controls, auto-show with delay, and full styling options for container, text, and buttons.
Key Features
Floating Banner Position: Choose from 6 positions (top-left, top-center, top-right, bottom-left, bottom-center, bottom-right)
Fully Customizable Text: Edit heading, message, policy link text, and all button labels
Three Action Buttons: Accept All, Reject All, and Customize options for granular consent
Global Cookie Settings Integration: Works with the global Cookie Settings tab for compliance type (GDPR/CCPA), script blocking, consent duration, and storage method
Auto-Show with Delay: Option to show banner automatically on page load with configurable delay (0-60 seconds)
Close Button: Optional close button for dismissing the banner
Complete Style Controls: Background color, border, border radius, box shadow, typography, colors, and button hover states
Available Controls
Content Tab: Heading, Message, Policy Link Text, Policy URL
Buttons Tab: Customize Button Text, Reject Button Text, Accept Button Text
Settings Tab: Position (6 options), Show Close Button, Auto Show on Page Load, Delay (seconds)
Style Tab – Container: Width, Padding, Background Color, Border, Border Radius, Box Shadow
Style Tab – Heading: Color, Typography, Margin
Style Tab – Message: Text Color, Typography, Link Color, Link Hover Color
Style Tab – Buttons: Gap, Typography, Padding, Border Radius, plus individual styling for Accept, Reject, and Customize buttons (normal and hover states)
Header & Footer Builder (Global Extension)
Allows creation of custom global headers and footers using Elementor, with display rules and theme override capabilities.
Key Features
Create Templates: Build custom headers/footers with Elementor editor
Display Rules: Entire site, specific pages only, or exclude specific pages
Page Selection: Use page IDs, “front” for homepage, “blog” for blog page
Template Selection: Choose which header/footer template to display globally
Theme Override: Automatically hides theme’s default header/footer when active
Aggressive CSS Hiding: Force hides common theme header/footer elements
Body Classes: Adds
pretpot-custom-headerandpretpot-custom-footerclassesAdmin Interface: Dedicated Header & Footer submenu page
Available Controls
Header & Footer Builder Page: Create/Edit templates with Elementor
Display Rules Tab (in settings): Display Mode (entire site/specific pages/exclude pages), Specific Pages input (comma-separated IDs with front/blog tokens), Excluded Pages input, Header Template selector, Footer Template selector
Style – Automatic: Theme header/footer hiding via dynamic CSS injection
Blurred Glass Background (Global Extension)
Adds a frosted glass blur effect to any Elementor element including sections, columns, containers, and widgets. Requires content behind the element to show the blur effect.
Key Features
Universal Application: Works on sections, columns, containers, and all widgets
Adjustable Blur Amount: Control blur intensity from 0 to 50px
Glass Tint Color: Customize the overlay color with opacity support
Border Radius Control: Round the corners of the glass element
Optional Glass Border: Toggle border on/off with width, style (solid/dashed/dotted), and color controls
Live Preview: Settings applied in real-time within Elementor editor
Available Controls
Content Tab: Information notice about the effect
Settings Tab: Enable Blurred Glass toggle
Style Tab – Glass Effect: Blur Amount (0-50px), Glass Tint Color (RGBA), Border Radius
Style Tab – Border: Show Border toggle, Border Width, Border Style (solid/dashed/dotted), Border Color
3D Box Carousel
A 4-face 3D carousel with single-axis rotation. Displays images or videos on each face of a rotating 3D box with navigation controls and autoplay options.
Key Features
4-Face 3D Box: Each face displays an image or video
Mixed Media Support: Individual slides can be images or self-hosted MP4 videos
Autoplay with Pause on Hover: Automatic rotation with configurable speed
Navigation Options: Show navigation below or on sides of the box
Responsive Box Sizing: Separate size controls for desktop, tablet, and mobile
Adjustable Tilt: Control X and Y axis tilt angles for perspective
Customizable Navigation Icons: Color, size, border width, and hover effects
Style Controls: Box background, border, border radius, and shadow
Available Controls
Slides Tab: Repeater fields for up to 4 slides with media type (image/video), image upload, video URL, alt text
Navigation Tab: Show Navigation toggle, Position (below/sides), Autoplay toggle, Autoplay Speed (ms), Pause on Hover toggle
Box Size Tab: Desktop Size (200-600px), Tablet Size, Mobile Size, Box Tilt toggle, Tilt X/Y degrees
Style Tab – Box: Background Color, Border, Border Radius, Box Shadow
Style Tab – Navigation: Icon Color, Hover Background, Hover Icon Color, Button Size, Arrow Size, Border Width, Spacing
Add to Cart Button
Customizable WooCommerce add to cart button with AJAX support, quantity selector, stock status handling, and success messages. Works with simple and variable products.
Key Features
Product Source Options: Use current product or select specific product by ID
AJAX Add to Cart: Adds product without page reload
Redirect Options: Stay on page, redirect to cart, or redirect to checkout after adding
Quantity Selector: Optional quantity picker with min/max limits
Stock Status Handling: Hide button when out of stock or show custom message
Customizable Success Message: Set custom text and display duration
Entrance Animations: Fade in or slide up animations with delay control
Replace Animation: Slow cycle animation when widget enters viewport
Device Visibility: Hide on desktop, tablet, or mobile independently
Full Button Styling: Background, text color, border, border radius, padding, width, alignment, icon spacing
Quantity Selector Styling: Background, text color, border color, border radius
Message Styling: Success and error message colors and backgrounds
Available Controls
Content Tab: Product Source (current/specific), Product ID selector, Button Text, Icon, Icon Position, After Add to Cart action
Quantity Tab: Show Quantity toggle, Default Quantity, Minimum Quantity, Maximum Quantity
Stock Status Tab: Hide When Out of Stock toggle, Out of Stock Text
Messages Tab: Success Message, Message Duration (ms)
Style Tab – Button: Typography, Normal/Hover colors (background, text, border), Border Width, Border Radius, Padding, Width (auto/full/custom), Alignment, Icon Spacing
Style Tab – Quantity Selector: Background, Text Color, Border Color, Border Radius
Style Tab – Messages: Success/Error text colors and backgrounds
Advanced Tab: Entrance Animation, Animation Delay, Replace Animation, Hide on Desktop/Tablet/Mobile
Age Restriction Popup
Age verification popup that blocks access until user confirms they meet the minimum age requirement. Stores verification in cookie for specified duration.
Key Features
Customizable Minimum Age: Set any age requirement from 1-100
Logo Display: Optional logo or age badge in popup header
Placeholder Support: Use {age} in heading, subheading, and button text to auto-insert the minimum age number
Decline Actions: Redirect to URL or show rejection message
Cookie-Based Verification: Stores confirmation for set duration (1-365 days)
Backdrop Blur Effect: Configurable blur amount on overlay background
Full Style Controls: Overlay background (solid/gradient), backdrop blur, content box styling (background, width, padding, border radius, shadow)
Button Styling: Separate normal/hover states for confirm and decline buttons
Available Controls
Content Tab: Minimum Age, Show Logo toggle, Logo image, Heading, Subheading, Confirm Button Text, Decline Button Text, Decline Action (redirect/message), Redirect URL, Rejection Message, Cookie Duration (days)
Style Tab – Overlay: Background (classic/gradient), Backdrop Blur (0-50px)
Style Tab – Content Box: Background Color, Max Width, Padding, Border Radius, Box Shadow
Style Tab – Typography: Heading Color/Typography, Subheading Color/Typography
Style Tab – Buttons: Confirm Button (normal/hover background and text color), Decline Button (normal/hover background, text color, border color), Button Spacing
Animated Donut Chart
Interactive donut chart widget with animated segments, center number display, legend, tooltips, and hover effects. Perfect for statistics and data visualization.
Key Features
Repeater Segments: Add unlimited segments with custom label, value (0-100), and color
Center Display: Shows center number and label with full typography control
Percentage Labels: Optional percentage display on chart segments
Legend Display: Toggle legend with position options (bottom/right)
Interactive Elements: Hover effects and tooltips with label and value display
Customizable Ring Thickness: Control donut ring thickness and center hole size
Responsive Chart Size: Separate sizing for desktop, tablet, mobile
Full Styling: Title, center number, center label, percentages, legend, tooltip, and container styling
Available Controls
Chart Data Tab: Chart Title, Center Number, Center Label, Repeater for segments (label, value, color)
Chart Structure Tab: Chart Size (200-800px), Ring Thickness (20-150px), Center Hole Size (50-300px)
Display Options Tab: Show Percentages toggle, Show Legend toggle, Legend Position (bottom/right), Enable Hover Effects toggle, Enable Tooltips toggle
Style Tab – Title: Color, Typography, Alignment, Bottom Spacing
Style Tab – Center Number: Color, Typography
Style Tab – Center Label: Color, Typography
Style Tab – Percentage Labels: Color, Typography
Style Tab – Legend: Text Color, Typography, Item Spacing
Style Tab – Tooltip: Background Color, Text Color, Border, Border Radius, Padding
Style Tab – Container: Background Color, Padding, Margin, Border, Border Radius, Box Shadow
Animated Like Button
Interactive like button with particle explosion animation, counter display, and visual feedback when liked. Creates engaging user interaction with smooth animations.
Key Features
Customizable Icon: Any Font Awesome or custom icon as like button
Particle Explosion Effect: Configurable particle count (3-15) bursts on like
Visual State Change: Changes color when liked with active/liked color option
Counter Display: Shows like count with auto-increment
Text Toggle: Option to show/hide button text
Divider Option: Optional visual divider between text and counter
Responsive Scaling: Separate scale options for tablet (50-90%) and mobile (50-90%)
Full Styling: Background, border, icon color, text color, counter color, active state color, icon size, typography
Available Controls
Content Tab: Icon selection, Button Text, Show Text toggle, Default Counter Value, Show Divider toggle
Animation Settings Tab: Particle Count (3-15)
Style Tab: Alignment, Background Color, Border Color, Icon Color, Text Color, Counter Color, Active/Liked Color, Icon Size, Text Typography, Counter Typography
Responsive Scaling Tab: Tablet Scale (50-100%), Mobile Scale (50-100%)
Back Button
Smart navigation button that returns users to the previous page in browser history with a fallback URL if no history exists.
Key Features
Smart History Navigation: Uses browser back button functionality
Fallback URL: Redirects to specified URL if no previous page exists
Icon Support: Optional icon with left/right positioning
Customizable Button Text: Fully editable button label
Full Styling: Text color, background, border, border radius, padding, alignment (normal and hover states)
Icon Styling: Size and spacing controls
Available Controls
Content Tab: Button Text, Show Icon toggle, Icon selection, Icon Position (left/right), Fallback URL
Style Tab – Button: Typography, Normal/Hover states (text color, background, border color), Border Radius, Padding, Alignment
Style Tab – Icon: Icon Size, Icon Spacing
Basic Music Player
Elegant music player widget supporting self-hosted MP3 files and embed sources (Spotify, SoundCloud, Mixcloud). Features album art, track info, download option, and share functionality.
Key Features
Multiple Audio Sources: Self-hosted MP3, Spotify embed, SoundCloud embed, Mixcloud embed, or external URL
Track Information: Song title, artist name, album art image
External Metadata Option: Use external metadata when available
Exclusive Badge: Optional exclusive tag with custom icon text
Download Option: Enable download with custom URL
Share Features: Copy link, share to social, SMS share
Glass Background Effect: Optional glass blur background with adjustable blur amount
Responsive Design: Separate size controls for desktop, tablet, mobile
Full Styling: Player container, album art, typography, buttons, dropdown menu
Available Controls
Audio Source Tab: Source Type (self_hosted/spotify/soundcloud/mixcloud/external), Audio File upload, External URL, Embed URL
Track Information Tab: Song Title, Artist Name, Album Art, Use External Metadata toggle, Exclusive toggle, Exclusive Icon Text, Enable Download toggle, Download URL
Share Options Tab: Share URL, Show Copy Link toggle, Show Share toggle, Show SMS toggle
Style Tab – Player Container: Width, Padding, Background Type (glass/solid/gradient), Background, Blur Amount, Border, Border Radius, Box Shadow
Style Tab – Album Art: Size, Border Radius, Box Shadow
Style Tab – Typography: Text Color, Title Typography, Title Font Size, Artist Typography, Artist Font Size
Style Tab – Buttons: Button Size, Play Button Size, Icon Size, Button Background (normal/hover), Button Border
Style Tab – Dropdown Menu: Background, Padding, Item Background (normal/hover)
Blog Posts Grid
Dynamic blog posts grid widget with customizable query parameters, responsive columns, and full control over displayed elements (image, title, meta, excerpt, read more button).
Key Features
Flexible Query Options: Recent posts, random posts, specific posts by ID, or by category
Responsive Grid Columns: 1-6 columns with separate controls for desktop, tablet, and mobile
Adjustable Column/Row Gaps: Custom spacing between posts
Post Elements Toggle: Show/hide featured image, title, meta (date/author), excerpt, read more button
Customizable Meta Separator: Choose separator between date and author
Excerpt Length Control: Set number of words displayed
Custom Read More Text: Editable button label
Image Size Options: Choose from WordPress image sizes with custom height and object fit controls
Full Card Styling: Background, padding, border, border radius, box shadow
Title Styling: Color, hover color, typography, alignment, spacing
Meta Styling: Color, typography, alignment, spacing
Excerpt Styling: Color, typography, alignment, spacing
Button Styling: Normal/hover colors, typography, padding, border, border radius, alignment
Available Controls
Query Tab: Posts Per Page, Query Type (recent/random/specific/category), Specific Posts selector, Categories selector, Order By (date/title/modified/random), Order (ASC/DESC), Exclude Posts selector
Layout Tab: Columns (desktop/tablet/mobile), Column Gap, Row Gap
Content Elements Tab: Show Image toggle, Image Size, Image Height (responsive), Object Fit, Object Position, Show Title toggle, Show Meta toggle, Show Date toggle, Show Author toggle, Meta Separator, Show Excerpt toggle, Excerpt Length, Show Read More toggle, Read More Text
Style Tab – Card: Background Color, Padding, Border, Border Radius, Box Shadow
Style Tab – Featured Image: Bottom Spacing, Border, Border Radius
Style Tab – Title: Color, Hover Color, Typography, Alignment, Bottom Spacing
Style Tab – Meta: Color, Typography, Alignment, Bottom Spacing
Style Tab – Excerpt: Color, Typography, Alignment, Bottom Spacing
Style Tab – Read More Button: Typography, Normal/Hover colors (text, background), Padding, Border, Border Radius, Alignment
Breadcrumb Schema
Adds structured data (JSON-LD) for breadcrumbs to improve SEO and search engine understanding of page hierarchy. Auto-generates from page structure or allows manual entry.
Key Features
Auto-Generation: Automatically builds breadcrumb trail from page hierarchy
Homepage Inclusion: Option to include or exclude homepage from trail
Page Hierarchy Support: Works with parent/child pages
Category Support: Shows category for single blog posts
Manual Mode: Create custom breadcrumb trails with repeater fields
Schema ID Customization: Set custom @id for the schema
Output Location: Choose between head or footer for script placement
SEO Optimized: Follows Schema.org BreadcrumbList specification
Available Controls
Schema Settings Tab: Schema ID, Output Location (head/footer), Auto-Generate Breadcrumbs toggle, Include Homepage toggle
Manual Breadcrumbs Tab (when auto-generate off): Repeater for manual breadcrumb items with Name and URL fields
Contact Form 7 Styling
Advanced styling and UX controls for Contact Form 7 forms. Provides complete design control over form layout, inputs, labels, submit button, validation messages, and submission experience.
Key Features
Form Selection: Choose any existing Contact Form 7 form
Label Position: Stacked or inline label placement
Field Alignment: Left, center, or right alignment for form fields
Column & Row Gap: Adjust spacing between form elements
Inline Validation: Error position (below field, inside field, or tooltip) with reserve space option to prevent layout shift
Error Animation: Fade or slide animation for error messages
Submission Experience: Disable submit button while sending, loading indicator (text/spinner/progress bar), submission transition effects
Auto-Scroll to Response: Automatically scroll to success/error message with configurable offset
Text Overrides: Override submit button text and placeholders
Complete Styling: Labels, inputs (normal/focus), submit button (normal/hover), error messages, success messages
Available Controls
Form Selection Tab: Select CF7 form
Text Overrides Tab: Submit Button Text, Override Placeholders toggle
Layout Tab: Label Position, Field Alignment, Column Gap, Row Gap
Inline Validation Tab: Error Position, Reserve Space for Errors, Error Animation
Submission Experience Tab: Disable Submit While Sending, Loading Indicator, Loading Text, Submission Transition, Auto Scroll to Response, Scroll Offset
Style Tab – Labels: Typography, Color, Spacing
Style Tab – Inputs & Textarea: Typography, Normal/Focus states (Text Color, Background, Border), Padding, Border Radius
Style Tab – Submit Button: Alignment, Typography, Normal/Hover states (Text Color, Background), Border, Border Radius, Padding
Style Tab – Error Messages: Typography, Color
Style Tab – Success Message: Typography, Color, Background, Padding
Countdown Timer
A minimalistic glass-style countdown timer with two style options (clean circular and minimal cards). Features responsive sizing, adjustable blur, and full typography controls.
Key Features
Two Style Options: Style 1 (Clean Circular) with ring borders, Style 2 (Minimal Cards) with separators
Custom Target Date: Select date and time to count down to
Unit Toggle: Show/hide days, hours, minutes, seconds independently
Custom Labels: Change unit labels (Days, Hours, Mins, Secs)
Glass Container Effect: Adjustable blur amount with custom background and border
Responsive Timer Width: Control width per device with alignment options
Hover Effects: Ring color changes on hover (Style 1)
Full Typography Control: Separate styling for numbers and labels
Available Controls
Content Tab: Target Date, Timer Style, Show Days/Hours/Minutes/Seconds toggles, Custom Labels for each unit
Width Settings Tab: Timer Width (responsive), Alignment
Style Tab – Glass Container: Background, Blur Amount, Border Color, Border Width, Box Shadow
Style Tab – Numbers: Color, Size (separate for each style), Font Weight
Style Tab – Labels: Color, Size, Top Spacing (Style 1)
Style Tab – Timer Units: Unit Background, Ring Color (Style 1), Ring Hover Color, Card Border Color (Style 2), Separator Color (Style 2)
Currency Converter
A modern glass-style currency converter with custom exchange rates, flag display, currency codes, and real-time conversion. Includes info modal with exchange rate information.
Key Features
Custom Exchange Rates: Set manual rates for any currency pair via repeater
Currency Support: USD, EUR, GBP, CNY with flags, names, and symbols
Decimal Places Control: Choose decimal precision (0-6)
Flag Display: Optional flags next to currency codes
Currency Code Display: Show/hide currency codes in dropdown
Swap Functionality: Swap from/to currencies with one click
Result Display: Shows converted amount and exchange rate
Info Modal: Customizable modal with exchange rate information
Custom Button Text: Editable convert button label
Footer Text: Optional footer message
Glass Container Style: Background color and blur effect
Responsive Widget Size: Width and minimum width controls
Spacing Controls: Separate spacing for heading, amount field, currency row, result, and button
Full Styling: Container, headings, labels, inputs, swap button, convert button, result display, modal
Available Controls
Content Tab: Heading, Subheading, Amount Label, Amount Label Alignment, Default Amount, From Label, From Label Alignment, To Label, To Label Alignment, Default From/To Currencies, Show Flags toggle, Show Currency Code toggle, Swap Icon, Button Text, Result Label, Result Label Alignment, Footer Text, Info Icon toggle, Modal Title, Modal Content
Exchange Rates Tab: Decimal Places, Repeater for custom rates (From Currency, To Currency, Rate)
Style Tab – Widget Size: Width, Minimum Width
Style Tab – Spacing: Space After Heading, Space After Amount Field, Space After Currency Row, Space After Result, Space After Button, Currency Row Gap
Style Tab – Container: Background, Blur Amount, Border Radius, Padding
Style Tab – Info Icon: Icon Color, Background, Icon Size, Box Size
Style Tab – Typography: Heading Typography/Color, Label Typography/Color
Style Tab – Input Fields: Background, Border Color/Width/Radius, Text Color, Typography
Style Tab – Swap Button: Normal/Hover (Background, Icon Color), Button Size, Icon Size, Border Radius
Style Tab – Convert Button: Normal/Hover (Background, Text Color), Border Radius, Typography
Style Tab – Result Display: Background, Border Radius, Value Color/Typography, Rate Color
Style Tab – Footer Text: Color, Typography, Alignment
Style Tab – Info Modal: Overlay Color, Content Background, Title Color, Text Color
Double Button
Two side-by-side buttons with independent styling, links, and hover effects. Perfect for CTA pairs, navigation options, or dual-action interfaces.
Key Features
Two Independent Buttons: Separate text, link, and styling for each button
Flexible Alignment: Left, center, right, or justified (space-between) alignment
Adjustable Spacing: Control gap between buttons
External Link Support: Open in new tab with nofollow options
Independent Styling: Separate typography, colors, backgrounds, borders, border radius, and padding for each button
Hover Effects: Independent hover states for text color and background on each button
Available Controls
Buttons Tab: Button 1 Text & Link, Button 2 Text & Link
Layout Tab: Button Alignment (left/center/right/justify), Button Spacing
Style Tab – Button 1: Text Color, Background, Typography, Border, Border Radius, Padding
Style Tab – Button 2: Text Color, Background, Typography, Border, Border Radius, Padding
Hover Effects Tab: Button 1/2 Hover Text Color, Button 1/2 Hover Background Color
Fluent Forms Styling
Advanced styling and UX controls for Fluent Forms. Provides complete design control over form layout, inputs, labels, submit button, validation messages, and submission experience.
Key Features
Form Selection: Choose any existing Fluent Form
Label Position: Stacked or inline label placement
Field Alignment: Left, center, or right alignment for form fields
Column & Row Gap: Adjust spacing between form elements
Inline Validation: Error position (below field, inside field, or tooltip) with reserve space option
Error Animation: Fade or slide animation for error messages
Submission Experience: Disable submit button while sending, loading indicator (text/spinner/progress bar), submission transition effects
Auto-Scroll to Response: Automatically scroll to success/error message with configurable offset
Text Overrides: Override submit button text and placeholders
Complete Styling: Labels, inputs (normal/focus), submit button (normal/hover), error messages, success messages
Available Controls
Form Selection Tab: Select Fluent Form
Text Overrides Tab: Submit Button Text, Override Placeholders toggle
Layout Tab: Label Position, Field Alignment, Column Gap, Row Gap
Inline Validation Tab: Error Position, Reserve Space for Errors, Error Animation
Submission Experience Tab: Disable Submit While Sending, Loading Indicator, Loading Text, Submission Transition, Auto Scroll to Response, Scroll Offset
Style Tab – Labels: Typography, Color, Spacing
Style Tab – Inputs & Textarea: Typography, Normal/Focus states (Text Color, Background, Border), Padding, Border Radius
Style Tab – Submit Button: Alignment, Typography, Normal/Hover states (Text Color, Background), Border, Border Radius, Padding
Style Tab – Error Messages: Typography, Color
Style Tab – Success Message: Typography, Color, Background, Padding
HD Logo
High-definition logo widget with retina display support, SVG compatibility, and lightweight hover effects. Perfect for responsive branding.
Key Features
Dual Image Types: Raster images (PNG/JPG/WebP) or SVG vector support
Retina Ready: Upload 2x version for high-density displays
Customizable Link: Wrap logo in custom URL
Alt Text Control: SEO-friendly alt attribute
Lazy Load Support: Optional lazy loading for performance
Responsive Width: Separate width controls for desktop, tablet, mobile
Hover Effects: Opacity change or grayscale-to-color transitions
Transition Duration: Adjustable animation speed for hover effects
Alignment Control: Left, center, or right alignment per device
Available Controls
Logo Tab: Logo Type (image/svg), Logo Image, Retina Version, SVG Logo, Logo Width (responsive), Max Width, Link, Alt Text, Lazy Load toggle
Style Tab – Layout: Alignment (responsive)
Style Tab – Hover Effects: Hover Effect (none/opacity/grayscale), Hover Opacity, Transition Duration
Horizontal Interactive Cards
An interactive horizontal accordion-style card carousel. Users click or hover on cards to expand them and reveal content. Supports images, videos, and gradient backgrounds.
Key Features
Multiple Card Types: Images, self-hosted MP4 videos, or solid/gradient color backgrounds
Gradient Support: Linear or radial gradients with up to 4 colors per card
Video Controls: Play/pause and mute/unmute buttons on video cards
Icon + Title + Description: Each card has icon, heading, and descriptive text
Navigation Buttons: Previous/next buttons with position options (top-right, bottom-center, bottom-right)
Always One Card Open: Maintains at least one expanded card at all times
Customizable Height: Set carousel height (200-800px)
Card Gap: Adjust spacing between cards
Overlay Color: Semi-transparent overlay over card backgrounds
Content Styling: Padding, icon color/size, title/description colors and typography
Video Controls Styling: Background, border, icon color, button size
Available Controls
Cards Tab: Repeater for each card with Card Type (image/video/color), Image upload, Video URL, Video Poster, Background Type (solid/gradient), Solid Color, Gradient Type (linear/radial), Gradient Angle, Gradient Position, up to 4 Gradient Colors, Icon, Title, Description
Layout Tab: Carousel Height, Card Gap, Show Navigation toggle
Style Tab – Cards: Border Radius, Overlay Color
Style Tab – Content: Content Padding, Icon Color, Icon Size, Title Color/Typography, Description Color/Typography
Style Tab – Video Controls: Background, Border Color, Icon Color, Button Size
Style Tab – Navigation: Position, Button Size, Color, Background
Icon Card
A card widget with 1 or 2 icons in the top section and a shared content/bottom section. Perfect for contact cards, service highlights, or dual-option CTAs.
Key Features
Single or Dual Icons: Choose between one or two icon headers
Independent Header Styling: Each icon header has its own background color
Rich Content Area: WYSIWYG editor for flexible content (text, links, HTML)
Optional Button: Toggle button with custom text and link
Glass Card Design: Frosted glass effect with blur background
Responsive Card Width: Control card width per device
Full Styling: Card background, border, border radius, shadow, padding
Icon Styling: Size, color, spacing, title typography and color
Content Styling: Alignment, text color, typography, spacing
Button Styling: Normal/hover colors, typography, padding, border radius, alignment
Available Controls
Layout Tab: Icon Count (1 or 2)
Icon 1/2 Tabs: Icon, Title, Header Background Color
Content Tab: Content Text (WYSIWYG), Show Button toggle, Button Text, Button Link
Style Tab – Card: Width, Background, Border, Border Radius, Box Shadow, Body Padding
Style Tab – Header: Padding, Icon Size, Icon Color, Icon Spacing, Title Color/Typography, Title Spacing
Style Tab – Content: Alignment, Text Color, Typography, Content Spacing
Style Tab – Button: Alignment, Typography, Normal/Hover (Text Color, Background), Padding, Border Radius
Multicolored Line
A customizable multicolored line/divider with percentage-based color distribution, animation options, and end shape styling. Perfect for data visualization or decorative separators.
Key Features
Color Stops Repeater: Add unlimited color segments with custom percentages
Percentage-Based Distribution: Each color occupies specified percentage of line width
Animated Option: Left-to-right or right-to-left animation with adjustable speed
End Shape Control: Straight or rounded line ends
Responsive Width: Control line width and alignment
Adjustable Thickness: Set line height in px, em, or rem
CSS Class Support: Add custom CSS classes for advanced styling
Available Controls
Line Colors Tab: Repeater for color stops (Color picker, Percentage 1-100%)
Line Settings Tab: Line Width (%, px), Line Thickness, End Shape (straight/rounded), Alignment (left/center/right)
Animation Tab: Animation Type (none/LTR/RTL), Animation Speed
Advanced Tab: Custom CSS Classes
Advanced Nav Menu
A feature-rich navigation menu widget with multiple layout styles, mega-menu support, action buttons, and mobile hamburger menu. Fully customizable with extensive styling options.
Key Features
Menu Sources: WordPress menu or custom menu builder with icons
Three Desktop Layouts: Style 1 (Logo | Menu | Buttons), Style 2 (Logo | Trigger), Style 3 (Menu | Logo | Menu – split layout)
Split Menu Control: For Style 3, specify how many menu items go on left side
Action Buttons: Up to 2 customizable buttons with icons and links
Mobile Breakpoint: Set custom pixel width for hamburger menu activation
Mobile Logo: Optional separate logo for mobile view
Custom Icons: Choose hamburger and close icons
Spacing Controls: Container gap and menu items gap
Full Styling: Menu items (color, typography, padding, hover), Buttons (typography, colors, background, border, padding, gap), Toggle icon (size, padding, colors, background, border, radius), Mobile menu dropdown (background, padding, shadow, item spacing, overlay color)
Available Controls
Menu Source Tab: Menu Source (WordPress/Custom), WordPress Menu selector, Custom Menu Items repeater (text, URL, icon)
Desktop Layout Tab: Desktop Style (3 options), Logo, Logo Width, Split Left Items Count (Style 3 only)
Mobile Settings Tab: Mobile Breakpoint, Mobile Logo, Mobile Logo Width, Hamburger Icon, Close Icon
Action Buttons Tab: Enable Button 1/2, Button Text, Button Link, Button Icon
Spacing Tab: Container Gap, Menu Items Gap
Style Tab – Menu Items: Typography, Normal/Hover Text Color, Padding
Style Tab – Buttons: Typography, Padding, Button 1/2 Text Color & Background, Border, Border Radius, Button Gap
Style Tab – Toggle Icon: Size, Padding, Normal/Active (Icon Color, Background), Border, Border Radius
Style Tab – Mobile Menu Dropdown: Background, Padding, Box Shadow, Item Spacing, Overlay Color
Ninja Forms Styling
Advanced styling and UX controls for Ninja Forms. Provides complete design control over form layout, inputs, labels, submit button, validation messages, and submission experience.
Key Features
Form Selection: Choose any existing Ninja Form
Label Position: Above, below, left, right, or hidden
Field Alignment: Left, center, or right alignment for form fields
Field Spacing: Adjust vertical spacing between fields
Inline Validation: Error position (below field or tooltip) with animation (fade/slide)
Submission Experience: Disable submit button while sending, loading indicator (text/spinner/progress bar)
Auto-Scroll to Response: Automatically scroll to success/error message with configurable offset
Text Overrides: Override submit button text
Hide Form Title: Option to hide the form title
Complete Styling: Labels, inputs (normal/focus), submit button (normal/hover), error messages, success messages
Available Controls
Form Selection Tab: Select Ninja Form
Text Overrides Tab: Submit Button Text, Hide Form Title
Layout Tab: Label Position, Field Alignment, Field Spacing
Validation Tab: Error Position (below/tooltip), Error Animation (fade/slide)
Submission Experience Tab: Disable Submit While Sending, Loading Indicator, Loading Text, Auto Scroll to Response, Scroll Offset
Style Tab – Labels: Typography, Color, Spacing
Style Tab – Inputs & Textarea: Typography, Normal/Focus states (Text Color, Background, Border), Padding, Border Radius
Style Tab – Submit Button: Alignment, Typography, Normal/Hover states (Text Color, Background), Border, Border Radius, Padding
Style Tab – Error Messages: Typography, Color
Style Tab – Success Message: Typography, Color, Background, Padding
Organization Schema
Adds structured data (JSON-LD) for organizations to improve SEO and search engine understanding of business information including name, logo, URL, contact details, address, and social profiles.
Key Features
Complete Organization Data: Name, logo image, website URL
Contact Point: Phone number and email address
Postal Address: Street address, city, region, postal code, country
Social Links: Add multiple social profile URLs (Facebook, Twitter, LinkedIn, etc.)
Custom Schema ID: Set custom @id for the schema
Output Location: Choose between head or footer for script placement
SEO Optimized: Follows Schema.org Organization specification
Available Controls
Schema Settings Tab: Schema ID, Output Location (head/footer)
Organization Data Tab: Name, Logo, URL
Contact Point Tab: Phone, Email
Address Tab: Street Address, City, Region/State, Postal Code, Country
Social Links Tab: Repeater for SameAs URLs
Parallax Image
A widget that creates a smooth parallax scrolling effect on images with content overlay, button, and per-device dimension controls.
Key Features
Smooth Parallax Effect: Image moves at different speed than page scroll
Adjustable Intensity: Control movement amount (0 = no movement, 1 = maximum)
Direction Control: Normal (up on scroll) or Reverse (down on scroll)
Content Overlay: Optional heading, subheading, and button overlay
Responsive Dimensions: Separate container width and height for desktop, tablet, mobile
Image Height Control: Taller images allow more parallax movement
Content Positioning: Horizontal (left/center/right) and vertical (top/middle/bottom) alignment
Content Styling: Heading, subheading, and button colors and typography
Overlay Control: Optional background overlay with color or gradient
Available Controls
Content Tab: Image, Show Content Overlay toggle, Heading, Subheading, Button Text, Button Link
Parallax Settings Tab: Parallax Intensity (0-1), Direction (normal/reverse), Parallax Image Height (110-200%)
Dimensions – Desktop Tab: Container Width, Container Height
Dimensions – Tablet Tab: Container Width, Container Height
Dimensions – Mobile Tab: Container Width, Container Height
Style Tab – Content: Horizontal/Vertical Alignment, Content Padding
Style Tab – Heading: Color, Typography, Spacing
Style Tab – Subheading: Color, Typography, Spacing
Style Tab – Button: Background Color, Text Color, Typography, Padding, Border Radius
Style Tab – Overlay: Background (classic/gradient)
PayPal Button
Accept PayPal payments with a customizable button supporting one-time payments, donations, and subscriptions. Features sandbox mode for testing, customizable button text and icon, and redirect options.
Key Features
Transaction Types: Checkout (one-time), Donation, or Subscription billing
Subscription Support: Set billing cycle (daily/weekly/monthly/yearly) and auto-renewal option
Sandbox Mode: Test payments without real charges using PayPal sandbox
Customizable Button Text: Fully editable button label
Icon Support: Optional PayPal icon with before/after positioning
Redirect Options: Set custom return URL after successful payment
Open in New Tab: Option to open PayPal in new tab
SKU Support: Add product SKU for tracking
Full Button Styling: Typography, colors (normal/hover), background (solid/gradient), border, border radius, padding, box shadow, alignment
Available Controls
Pricing & Payments Tab: PayPal Email, Transaction Type (checkout/donation/subscription), Item Name, SKU, Price, Currency, Billing Cycle, Auto Renewal
Button Tab: Button Text, Alignment, Show Icon toggle, Icon Position (before/after), Icon Spacing
Additional Options Tab: Redirect After Submit URL, Sandbox Mode toggle, Open in New Tab toggle
Style Tab – Button: Typography, Normal/Hover (Text Color, Background), Border, Border Radius, Padding, Box Shadow
Pricing Plan
Responsive pricing cards with scroll-triggered staggered animations, customizable card backgrounds, and full styling controls. Perfect for showcasing subscription plans or service packages.
Key Features
Repeater Cards: Add unlimited pricing cards with plan name, price, period, description, button text/link
Per-Card Background: Custom color or gradient per pricing card
Highlighted Card: Scale up a featured card with transform scale effect
Scroll Animation: Cards animate in when scrolled into view with staggered delay
Adjustable Animation: Set animation duration and stagger delay (0-1000ms)
Responsive Card Width: Control card width per device with gap spacing
Mobile Horizontal Scroll: Cards scroll horizontally on mobile devices
Optional Header: Toggle header with title and subtitle
Full Styling: Card background, border, border radius, box shadow, typography for all elements, button styling
Available Controls
Header Tab: Show Header toggle, Title, Subtitle
Pricing Cards Tab: Repeater for cards (Plan Name, Price, Period, Description, Button Text, Button Link, Card Background, Highlighted toggle)
Animation Tab: Enable Scroll Animation toggle, Animation Duration (ms), Stagger Delay (ms)
Style Tab – Header: Alignment, Title Color/Typography, Subtitle Color/Typography, Header Margin
Style Tab – Cards Container: Card Width (responsive), Card Gap (responsive), Container Padding
Style Tab – Card Style: Card Padding, Border, Border Radius, Box Shadow, Highlighted Card Scale
Style Tab – Typography: Plan Name (color/typography), Price (color/typography), Period (color/typography), Description (color/typography)
Style Tab – Button: Full Width toggle, Normal/Hover (Text Color, Background), Padding, Border Radius, Typography
Progress Bar Style 1
Animated horizontal progress bar with percentage counter, icon support, and customizable colors. Features gradient fill option and adjustable animation easing.
Key Features
Adjustable Percentage: Set progress value (0-100%) with slider
Animation Controls: Duration (100-10000ms), Animation Type (linear/ease-in/ease-out/ease-in-out/custom cubic-bezier)
Percentage Display: Toggle percentage text on/off
Icon Support: Optional top icon with customizable size and color
Top Text: Optional text above progress bar (e.g., “24 minutes”)
Bottom Text: Optional text below progress bar (e.g., “Until fully charged”)
Fill Color Options: Solid color or linear gradient with adjustable angle
Track Color: Customizable background track color
Border Radius: Round bar ends and corners
Alignment: Left, center, or right alignment
Max Width: Control container maximum width
Available Controls
Content Tab: Progress Percentage, Animation Duration, Animation Type, Custom Cubic Bezier values, Show Percentage toggle, Top Icon, Top Text, Bottom Text
Style Tab – General: Alignment, Max Width
Style Tab – Progress Bar: Bar Height, Bar Border Radius, Track Color, Fill Color Type (solid/gradient), Solid Fill Color, Gradient Start/End Colors, Gradient Angle
Style Tab – Top Text & Icon: Text Color, Typography, Gap Between Icon & Text, Margin Bottom, Icon Color, Icon Size
Style Tab – Bottom Text: Text Color, Typography, Margin Top
Style Tab – Percentage Text: Color, Typography, Margin
Recommendation Card Stack
A stack of recommendation/testimonial cards with swipe or fade animations, autoplay, and glass blur effects. Cards stack vertically and cycle through with smooth transitions.
Key Features
Card Stack Effect: Cards stack with offset and rotation for depth
Animation Types: Swipe or fade transitions between cards
Autoplay: Optional auto-cycling with configurable delay (1000-10000ms)
Navigation Buttons: Previous/next controls with custom icons
Glass Blur Effect: Optional backdrop blur with adjustable amount
Customizable Stack Depth: Adjust offset and rotation angle of stacked cards
Per-Card Background: Custom background color per card
Image Shape Control: Circle, square, rounded, or custom border radius for reviewer images
Full Styling: Card width, padding, background, border, border radius, box shadow
Typography: Name, position, quote text colors and typography
Spacing Controls: Separate spacing for name, position, and quote
Alignment: Content alignment (left/center/right) and text alignment
Available Controls
Cards Tab: Repeater for cards (Reviewer Name, Position, Review Text, Reviewer Image, Card Background)
Settings Tab: Animation Type (swipe/fade), Transition Speed (ms), Show Navigation toggle, Autoplay toggle, Autoplay Delay (ms)
Navigation Tab: Previous/Next Icons, Alignment (left/center/right)
Style Tab – Card: Width, Padding, Background, Glass Blur toggle, Blur Amount, Border Color, Border Radius, Box Shadow, Stack Offset, Stack Rotation
Style Tab – Image: Size, Shape (circle/square/rounded/custom), Border Radius, Border Width, Border Color
Style Tab – Name: Color, Typography, Spacing Top, Spacing Bottom
Style Tab – Position: Color, Typography, Spacing Top, Spacing Bottom
Style Tab – Quote: Color, Typography, Spacing Top, Spacing Bottom
Style Tab – Alignment: Content Alignment, Text Alignment
Style Tab – Navigation: Icon Color (normal/hover), Icon Size, Background (normal/hover), Border Color, Border Width, Button Size
Search Form
A minimal inline search form with customizable width, height, icon position, and full styling controls. Supports search scope filtering (posts, pages, products, or entire site).
Key Features
Search Scope: Limit search to posts, pages, products, or entire site
Custom Placeholder: Editable placeholder text
Icon Position: Left or right of input field
Adjustable Gap: Space between input and icon
Responsive Width: Control form width and height per device
Icon Size & Color: Customizable search icon dimensions and colors
Full Styling: Form background, border, border radius, box shadow, padding
Input Styling: Typography, text color, placeholder color, background, border radius
Available Controls
Content Tab: Search Scope (all/post/page/product), Placeholder, Search Icon, Icon Position, Alignment
Style Tab – Form: Width (responsive), Height, Background, Border, Border Radius, Box Shadow, Padding
Style Tab – Input: Typography, Text Color, Placeholder Color, Background, Border Radius
Style Tab – Icon: Color, Width, Icon Size, Gap Between Input & Icon
Simple Image Card
A clean image card with glass blur effects, optional badge, title, description, and up to two customizable buttons. Perfect for service showcases or product highlights.
Key Features
Image Height Control: Set image height in px or vh
Optional Badge: Customizable text and color for featured badge
Text Alignment: Left, center, or right alignment for content
Button Count: One or two buttons with independent text, links, and styles
Button Styles: Primary (solid) or Secondary (outline/glass) styles
Button Alignment: Left, center, or right alignment for buttons
Glass Background: Gradient background with blur effect
Card Border Radius: Rounded corners for the entire card
Full Styling: Card background (solid/gradient), padding, border radius
Spacing Controls: Image spacing, title spacing, description spacing, button gap
Typography: Title and description colors and typography
Button Styling: Normal/hover states for both primary and secondary buttons
Available Controls
Image Tab: Choose Image, Image Height, Show Badge toggle, Badge Text, Badge Color
Content Tab: Title, Description, Text Alignment
Buttons Tab: Button Count (1 or 2), Button Alignment, Button 1/2 Text, Link, Style (primary/secondary)
Style Tab – Card: Background (solid/gradient), Padding, Border Radius
Style Tab – Spacing: Image Bottom Spacing, Title Bottom Spacing, Description Bottom Spacing, Button Gap
Style Tab – Title: Color, Typography
Style Tab – Description: Color, Typography
Style Tab – Buttons: Typography, Primary/Secondary Button (normal/hover text color and background)
Simple Image Grid
A clean responsive image grid with optional title, subtitle, captions, lightbox support, and hover effects. Perfect for galleries and portfolio displays.
Key Features
Repeater Images: Add unlimited images with optional captions and links
Responsive Columns: 1-6 columns with separate controls for desktop, tablet, mobile
Image Height Control: Set uniform image height
Column & Row Gaps: Adjust spacing between grid items
Image Fit: Cover, contain, or fill options
Lightbox Support: Optional lightbox for image viewing
Hover Effects: Opacity and CSS filters on normal and hover states
Hover Animation: Zoom, brightness, or none
Optional Header: Title and subtitle with alignment controls
Caption Styling: Color, typography, spacing, alignment
Image Styling: Border radius, background color (for contain fit), opacity, CSS filters
Available Controls
Content Tab: Title, Subtitle, Images repeater (Image, Caption, Link)
Layout Tab: Columns (responsive), Image Height, Column Gap, Row Gap, Image Fit, Enable Lightbox toggle
Style Tab – Header: Title/Subtitle Alignment, Colors, Typography, Header Bottom Spacing
Style Tab – Grid: Grid Padding
Style Tab – Images: Border Radius, Background Color, Normal/Hover (Opacity, CSS Filters), Hover Animation
Simple Logo Grid
A clean responsive logo grid for displaying client logos, partners, or sponsors. Features grayscale hover effects, optional links, and full styling controls.
Key Features
Repeater Logos: Add unlimited logos with optional name (alt text) and links
Responsive Columns: 1-8 columns with separate controls for desktop, tablet, mobile
Logo Container Height: Uniform height for all logo containers
Logo Max Width: Control maximum logo width
Column & Row Gaps: Adjust spacing between grid items
Logo Fit: Contain, fill, or cover options
Grid Alignment: Left, center, or right alignment for logos within grid
Optional Links: Enable/disable links globally with open in new tab option
Optional Header: Title and subtitle with alignment and styling controls
Hover Effects: Opacity change, grayscale by default with remove on hover, scale on hover
Container Styling: Background color, border radius, padding, border, box shadow
Available Controls
Content Tab: Title, Subtitle, Logos repeater (Logo Image, Name, Link)
Layout Tab: Columns (responsive), Logo Container Height, Logo Max Width, Column Gap, Row Gap, Logo Fit, Grid Alignment, Enable Links toggle, Open in New Tab toggle
Style Tab – Header: Title/Subtitle Alignment, Colors, Typography, Title Spacing, Header Bottom Spacing
Style Tab – Logos: Container Background, Border Radius, Padding, Border, Box Shadow, Grayscale by Default toggle, Normal/Hover (Opacity, Scale), Remove Grayscale on Hover toggle
Simple Scroll Up Button
A lightweight fixed-position “back to top” button that appears after scrolling a specified distance. Features customizable icon, position, and full styling with hover effects.
Key Features
Position Options: Bottom right or bottom left
Customizable Icon: Any Font Awesome or custom icon
Scroll Trigger: Appears after user scrolls specified pixel amount
Adjustable Offset: Control bottom and side offset distances
Z-Index Control: Set stacking order
Hover Effects: Background color, icon color, border, box shadow
Transition Duration: Smooth hover transitions
Full Styling: Button size, icon size, background color, icon color, border, border radius, box shadow
Available Controls
Content Tab: Position (right/left), Icon, Offset Bottom, Offset Side, Z-Index, Show After Scroll (px)
Style Tab: Button Size, Icon Size, Background Color, Icon Color, Border, Border Radius, Box Shadow, Hover State (background, icon color, border, box shadow), Transition Duration
Simple Slider
A clean image slider with optional centered text overlay (heading and subheading) and pagination dots. Features autoplay, loop, and transition speed controls.
Key Features
Repeater Slides: Add unlimited slides with image, heading, and subheading
Slide Height Control: Set uniform slide height (px or vh)
Image Overlay: Customizable overlay background with opacity control
CSS Filters: Apply filters to slide images
Autoplay: Toggle with configurable speed (1000-10000ms)
Transition Speed: Control slide transition duration (100-3000ms)
Direction: Left or right slide direction
Infinite Loop: Option to enable/disable looping
Pagination Styling: Color, active color, size, spacing
Content Styling: Alignment, heading/subheading colors and typography, padding
Border & Radius: Container border and border radius
Available Controls
Slides Tab: Repeater for slides (Image, Heading, Subheading)
Settings Tab: Autoplay, Autoplay Speed, Transition Speed, Direction (left/right), Loop toggle
Style Tab – Slides: Slide Height, Overlay Background, Overlay Opacity, CSS Filters, Border, Border Radius
Style Tab – Content: Alignment, Heading Typography/Color/Spacing, Subheading Typography/Color, Content Padding
Style Tab – Navigation: Pagination Color, Active Color, Size, Spacing
Small Button
A compact button that starts tiny with size driven only by padding. Exposes all native Elementor button style controls with icon size and rotation options.
Key Features
Tiny by Default: Size controlled entirely by padding (no minimum height)
Icon Support: Customizable icon with left/right positioning
Icon Size Control: Responsive icon sizing
Icon Rotation: Rotate icon on normal state and independently on hover
Icon Spacing: Adjust gap between icon and text
Typography: Full typography controls
Colors: Normal and hover states for text and background
Border: Full border controls with border radius
Box Shadow: Add shadow effects
Alignment: Left, center, or right alignment
Available Controls
Content Tab: Button Text, Link, Icon, Icon Position, Icon Spacing, Icon Size (responsive), Icon Rotation, Icon Rotation on Hover
Style Tab – Button: Typography, Padding (responsive), Normal/Hover (Text Color, Background Color), Border, Border Radius, Box Shadow
Style Tab – Alignment: Alignment (left/center/right)
Smart Tab Anchor Nav
A sticky anchor tab navigation widget with scrollspy, horizontal overflow, and configurable scroll behavior. Supports tabs (underline) or pills (filled) style.
Key Features
Two Navigation Styles: Tabs (underline) or Pills (filled background)
Sticky Behavior: Optional sticky positioning with configurable top offset and trigger offset
Scrollspy: Automatically highlights active tab based on scroll position
Smooth Scroll: Configurable scroll speed and easing (ease-in-out/ease-out/ease-in/linear)
Icon Support: Optional icons with left, right, or top positioning
Horizontal Overflow: Tabs scroll horizontally on mobile if needed
Tab Spacing: Adjust gap between tabs
Line Position (Tabs style): Underline at bottom or top of tabs
Line Width: Full button width or custom width
Full Styling: Nav background, bottom border color, z-index, padding, button padding, typography
Tabs Style: Inactive/active text colors, line height, line width
Pills Style: Inactive/active backgrounds and text colors, border radius
Icon Styling: Size, spacing, position
Available Controls
Tab Items Tab: Repeater for tabs (Label, Target ID, Icon)
Sticky Behaviour Tab: Enable Sticky toggle, Sticky Top Offset (px), Sticky Trigger Offset (px)
Scroll Settings Tab: Scroll Type (smooth/instant), Scroll Speed (ms), Scroll Easing
Style Tab – Layout: Navigation Style (tabs/pills), Alignment (left/center/right), Tab Spacing (px), Nav Bar Padding, Nav Background, Nav Bottom Border Color, Nav Z-Index
Style Tab – Typography: Tab Typography, Button Padding
Style Tab – Tabs Style: Inactive/Active Text Colors, Line Position, Line Height, Line Width Type (full/custom), Custom Line Width
Style Tab – Pills Style: Inactive/Active Backgrounds, Inactive/Active Text Colors, Border Radius
Style Tab – Icon: Position (left/right/top), Icon Size, Icon Spacing
Stripe Button
Accept Stripe payments with a customizable button supporting one-time payments and subscriptions. Features test/live mode, billing address collection, and redirect options.
Key Features
Payment Types: One-time payment or subscription with billing interval (day/week/month/year)
Test/Live Mode: Toggle between test and live Stripe keys
Collect Address: Optional billing and shipping address collection
Success/Cancel URLs: Redirect to custom pages after payment
Product Details: Name, description, amount, currency
Customizable Button Text: Editable button label
Icon Support: Optional Stripe icon with before/after positioning
Full Button Styling: Typography, colors (normal/hover), background (solid/gradient), border, border radius, padding, box shadow, alignment
Available Controls
Stripe Settings Tab: Publishable Key, Secret Key, Payment Mode (test/live)
Product & Pricing Tab: Product Name, Description, Amount, Currency, Payment Type (one_time/subscription), Billing Interval
Button Tab: Button Text, Alignment, Show Icon toggle, Icon Position
Additional Options Tab: Success Redirect URL, Cancel Redirect URL, Collect Billing Address toggle, Collect Shipping Address toggle
Style Tab – Button: Typography, Normal/Hover (Text Color, Background), Border, Border Radius, Padding, Box Shadow
Table of Contents
Auto-generates a table of contents from page headings (H1-H6) or allows manual entry. Features smooth scrolling, active item highlighting, sticky positioning, and collapsible box.
Key Features
Source Modes: Auto (scan page headings) or Manual (build custom list)
Heading Tag Selection: Choose which HTML tags (H1-H6) to include
Container Selector: Limit scanning to specific container (CSS selector)
Hierarchical View: Nested list structure based on heading levels
Marker View: Numbers or bullets for list items
Minimize Box: Optional collapsible TOC with minimize by default option
Sticky on Scroll: Fixed positioning with configurable offset
Smooth Scrolling: Smooth scroll to headings with offset control
Highlight Active: Automatically highlight current section in view
Full Styling: Box background, border, border radius, padding, box shadow
Title Styling: Color, typography, spacing
List Styling: Item color, hover color, active color, typography, spacing, indent
Available Controls
Content Tab: Title, Source Mode (auto/manual), Manual Items repeater (Label, Anchor, Level), HTML Tags selection, Container selector, Hierarchical toggle, Marker View (numbers/bullets)
Behavior Tab: Minimize Box toggle, Minimize by Default toggle, Sticky on Scroll toggle, Sticky Offset, Smooth Scrolling toggle, Scroll Offset, Highlight Active toggle
Style Tab – Box: Background, Border, Border Radius, Padding, Box Shadow
Style Tab – Title: Color, Typography, Bottom Spacing
Style Tab – List: Text Color, Hover Color, Active Color, Typography, Item Spacing, Indent
Text Distortion Effects
Five eye-catching text animation effects: 3D character flip on scroll, staggered cascade fade, SVG stroke draw, continuous wave bounce, and outline fill on scroll/hover.
Key Features
Flip Effect: 3D Y-axis or X-axis flip per character on scroll with configurable stagger and duration
Stagger Fade: Characters or words cascade-fade and rise on scroll with adjustable delay, duration, and rise distance
Stroke Draw: SVG text stroke animates like being drawn on scroll, hover, or page load
Wave Bounce: Characters bob in continuous sine-wave with configurable height, speed, and phase offset
Outline Fill: Text starts as outline and fills with color on scroll or hover with configurable duration
Customizable Typography: Full typography and color controls
Alignment: Left, center, or right alignment
Available Controls
Content Tab: Text, HTML Tag (h1-h6/div/p)
Effect Tab: Effect Type selection with effect-specific options
Style Tab: Typography, Text Color, Alignment
Vertical Progress Bars
Animated vertical progress bars with percentage counter, tooltips, and glass background effects. Perfect for skill bars or comparative data visualization.
Key Features
Repeater Bars: Add unlimited bars with label, percentage, custom color, and optional tooltip
Bar Container: Optional background track with custom color
Percentage Display: Shows percentage value below bar with animation
Tooltips: Hover tooltips with custom text per bar
Responsive Layout: Horizontal scroll on mobile if needed
Optional Button: CTA button with link below the bars
Glass Background: Three background types (glass blur, solid color, image with overlay)
Full Styling: Bar width, height, border radius, container color, bar shadows
Typography: Heading, labels, percentages, tooltip styling
Spacing Controls: Bars gap, widget padding, button spacing
Available Controls
Heading Tab: Heading Text, Alignment
Progress Bars Tab: Show Bar Container toggle, Repeater for bars (Label, Percentage, Bar Color, Tooltip Text)
Button Tab: Show Button toggle, Button Text, Button Link, Button Alignment
Style Tab – Background: Background Type (glass/solid/image), Background Color, Background Image, Overlay Color
Style Tab – Heading: Color, Typography, Spacing
Style Tab – Progress Bars: Bar Width, Bar Height, Container Background, Bar Border Radius, Box Shadow
Style Tab – Percentage: Color, Typography, Spacing Top
Style Tab – Labels: Color, Typography, Spacing Top
Style Tab – Tooltip: Background, Text Color, Typography, Padding, Border Radius
Style Tab – Button: Normal/Hover (Background, Text Color), Typography, Padding, Border Radius, Spacing Top
Style Tab – Spacing: Bars Gap, Widget Padding
WooCommerce Product Grid
Displays multiple WooCommerce products in a responsive grid layout with customizable query, display options, and full styling controls.
Key Features
Product Sources: Recent, Featured, Sale, Top Rated, Best Selling, By Category, or Manual Selection
Query Controls: Products count (1-100), Order By (date/title/price/popularity/rating/random), Order (ASC/DESC)
Responsive Columns: 1-6 columns with separate controls for desktop, tablet, mobile
Column & Row Gaps: Adjust spacing between products
Display Toggles: Show/hide image, title, price, rating, add to cart button, sale badge, category
Image Size: Choose from WordPress image sizes
Image Styling: Width, height, object fit, border radius, spacing, alignment
Title Styling: Color, hover color, typography, spacing
Price Styling: Color, typography, spacing
Rating Styling: Color, size, spacing
Button Styling: Normal/hover (text color, background), typography, padding, border radius, width
Sale Badge Styling: Text color, background, typography, padding, border radius
Product Item Styling: Background, border, border radius, box shadow, padding, alignment
Available Controls
Query Tab: Product Source, Categories selector, Product IDs selector, Products Count, Order By, Order
Grid Layout Tab: Columns (responsive), Column Gap, Row Gap
Display Settings Tab: Toggles for Image, Title, Price, Rating, Add to Cart, Sale Badge, Category; Image Size, Title HTML Tag
Style Tab – Product Item: Alignment, Background, Border, Border Radius, Box Shadow, Padding
Style Tab – Image: Width, Height, Object Fit, Alignment, Border Radius, Spacing
Style Tab – Title: Color, Hover Color, Typography, Spacing
Style Tab – Price: Color, Typography, Spacing
Style Tab – Button: Typography, Normal/Hover (Text Color, Background), Padding, Border Radius, Width
Style Tab – Sale Badge: Text Color, Background, Typography, Padding, Border Radius
Style Tab – Rating: Color, Size, Spacing
WooCommerce Single Product
Displays an individual WooCommerce product with full details including image, title, price, rating, description, stock status, SKU, categories, tags, and buy button.
Key Features
Product Selection: Choose any product from dropdown
Display Toggles: Show/hide image, title, short description, price, rating, add to cart icon overlay, buy button, stock status, SKU, categories, tags
Image Size: Choose from WordPress image sizes
Cart Icon Overlay: Optional cart icon on product image with customizable size
Image Styling: Width, border radius, spacing, alignment
Title Styling: Color, typography, spacing, alignment
Price Styling: Color, typography, spacing, alignment
Description Styling: Color, typography, spacing, alignment
Rating Styling: Color, size, spacing, alignment
Button Styling: Normal/hover (text color, background), typography, padding, border radius, width, alignment, border, box shadow
Stock Styling: In stock/out of stock colors, typography, spacing, alignment
Meta Styling: Color, link color, typography, spacing, alignment
Available Controls
Product Tab: Select Product dropdown
Display Settings Tab: Toggles for Image, Title, Short Description, Price, Rating, Add to Cart Icon, Buy Button, Stock Status, SKU, Categories, Tags; Image Size, Cart Icon Size
Layout Tab: Content Alignment
Style Tab – Image: Width, Border Radius, Spacing, Alignment
Style Tab – Title: Color, Typography, Spacing, Alignment
Style Tab – Price: Color, Typography, Spacing, Alignment
Style Tab – Description: Color, Typography, Spacing, Alignment
Style Tab – Rating: Color, Size, Spacing, Alignment
Style Tab – Button: Alignment, Typography, Normal/Hover (Text Color, Background), Padding, Border Radius, Width, Border, Box Shadow
Style Tab – Stock Status: In Stock Color, Out of Stock Color, Typography, Spacing, Alignment
Style Tab – Meta: Color, Link Color, Typography, Spacing, Alignment
WPForms Styling
Advanced styling and UX controls for WPForms. Provides complete design control over form layout, inputs, labels, submit button, validation messages, and submission experience.
Key Features
Form Selection: Choose any existing WPForm
Label Position: Top, left, or hidden
Field Alignment: Left, center, or right alignment for form fields
Field Spacing: Adjust vertical spacing between fields
Inline Validation: Error position (below field or tooltip) with animation (fade/slide)
Submission Experience: Disable submit button while sending, loading indicator (text/spinner/progress bar)
Auto-Scroll to Response: Automatically scroll to success/error message with configurable offset
Text Overrides: Override submit button text
Hide Form Elements: Hide form title and/or description
Complete Styling: Labels, inputs (normal/focus), submit button (normal/hover), error messages, success messages
Available Controls
Form Selection Tab: Select WPForm
Text Overrides Tab: Submit Button Text, Hide Form Title, Hide Form Description
Layout Tab: Label Position, Field Alignment, Field Spacing
Validation Tab: Error Position (below/tooltip), Error Animation (fade/slide)
Submission Experience Tab: Disable Submit While Sending, Loading Indicator, Loading Text, Auto Scroll to Response, Scroll Offset
Style Tab – Labels: Typography, Color, Spacing
Style Tab – Inputs & Textarea: Typography, Normal/Focus states (Text Color, Background, Border), Padding, Border Radius
Style Tab – Submit Button: Alignment, Typography, Normal/Hover states (Text Color, Background), Border, Border Radius, Padding
Style Tab – Error Messages: Typography, Color
Style Tab – Success Message: Typography, Color, Background, Padding
Enhanced Gradient Background (Global Extension)
Adds multi-stop gradient backgrounds (up to 5 colors) with animation to sections, columns, and containers. Supports linear, radial, and conic gradients with full animation controls.
Key Features
Gradient Types: Linear, Radial, or Conic
Up to 5 Color Stops: Add colors with individual stop percentages
Angle Control: For linear and conic gradients (0-360°)
Radial Options: Shape (circle/ellipse) and position presets
Overall Opacity: Control gradient transparency
Animation: Optional gradient animation with speed (1-30s), easing, direction (normal/reverse/alternate), loop count, and start delay
Live Preview: Settings applied in real-time within Elementor editor
Works on: Sections, columns, and containers
Available Controls
Gradient Type: Linear, Radial, or Conic
Angle: For linear/conic gradients (0-360°)
Radial Shape: Circle or Ellipse
Radial Position: 9 position presets (center, top left, bottom right, etc.)
Color Stops: Color 1-5 with individual stop percentages (0-100%)
Overall Opacity: 0-1 slider
Animation: Enable toggle, Speed (seconds), Easing (linear/ease/ease-in-out/ease-in/ease-out), Direction, Loop (infinite/1/2/3), Start Delay (seconds)
PRO Widgets Section
Full documentation for 165+ premium widgets unlocked with a valid PRO license. Each widget includes a detailed description, key features, and available controls to help you maximize your website’s potential
Pro Widgets
Full Page Video Background (Page Setting)
A page-level setting that adds a full-screen video background to any page or post. Supports loop, play once, or scroll scrub modes with overlay color and opacity controls.
Key Features
Page/Post Setting: Applied at document level, not as a widget
Self-Hosted MP4 Support: Requires self-hosted video URL (MP4 format)
Playback Modes: Loop (continuous), Play Once (stops after first play), Scroll Scrub (video advances as user scrolls)
Scroll Scrub Speed: Control how many seconds of video advance per 100px scrolled (0.1-5)
Overlay Color: Optional color overlay with adjustable opacity (0-1)
Full Screen Coverage: Video covers entire page background
Available Controls
Settings Tab (Page/Post): Enable Video Background toggle, Video URL (MP4), Playback Mode (loop/once/scrub), Scrub Speed (0.1-5), Overlay Color, Overlay Opacity (0-1)
Lazy Render Container (Global Extension)
Adds content-visibility lazy rendering to sections and containers. Defers rendering of off-screen elements until they are near the viewport, improving page load performance.
Key Features
Content-Visibility Auto: Browser-native lazy rendering for off-screen elements
Adjustable Preload Distance: 0px, 300px, 600px (default), or 1000px before viewport
Intrinsic Height Estimation: Prevents layout shift with estimated section height (auto, 600px, 800px, 1000px, or custom)
Works on Sections & Containers: Apply to any section or container element
Performance Boost: Reduces initial render time, especially on long pages
Caution Note: Not recommended for sticky headers, anchor targets, or above-the-fold hero areas
Available Controls
Advanced Tab (Section/Container): Enable Lazy Render toggle, Preload Distance (0px/300px/600px/1000px), Estimated Section Height (auto/600px/800px/1000px/custom), Custom Height (px)
Liquid Glass Background (Global Extension)
Adds a liquid glass distortion effect to any Elementor element. Creates a flowing, wavy glass appearance with adjustable border radius.
Key Features
Liquid Glass Effect: Unique flowing distortion effect different from standard blur
Adjustable Border Radius: Round the corners of the liquid glass element (0-100px)
Universal Application: Works on widgets, sections, columns, and containers
Simple Controls: Enable toggle with border radius slider
Available Controls
Advanced Tab: Enable Liquid Glass toggle, Border Radius (0-100px)
On-Scroll Background Change (Global Extension)
Changes section background (color, gradient, image, or video) as the user scrolls. Triggers when section top, middle, or bottom reaches viewport position.
Key Features
Background Types: Solid color, gradient, image, or video transitions
Scroll Triggers: Section top reaches viewport top, section middle reaches viewport middle, or section bottom reaches viewport bottom
Transition Duration: Smooth crossfade between backgrounds (0-3000ms)
Color Support: Start and end colors for solid color transitions
Gradient Support: Two-color gradients with angle control for both start and end states
Image Support: Start and end images with position, size, and repeat controls
Video Support: Start and end video URLs with loop, mute, start/end time, and size controls
Works on Sections: Applied to sections only
Available Controls
Advanced Tab (Sections): Enable Scroll Background toggle, Background Type (color/gradient/image/video), Scroll Trigger (top/middle/bottom), Transition Duration (ms)
Color Options: Start Color, End Color
Gradient Options: Start Gradient Colors (2 colors), End Gradient Colors (2 colors), Gradient Angle
Image Options: Start Image, End Image, Position, Size, Repeat
Video Options: Start Video URL, End Video URL, Loop toggle, Mute toggle, Start Time (seconds), End Time (seconds), Video Size (cover/contain/auto)
Popup Builder
Create and manage popup templates using Elementor builder. Build any content inside a popup and display it site-wide.
Key Features
Elementor-Powered Popups: Build popups using Elementor’s drag-and-drop builder
Custom Post Type: Dedicated “pretpot_popup” post type for popup templates
Create & Edit: Create new popups with Elementor editor
Template Management: View all saved popup templates with edit and delete options
Blank Canvas Option: Start from blank canvas when creating new popups
Admin Interface: Dedicated Popup Builder submenu with Create and Saved Templates tabs
Available Controls
Create Popup Tab: Popup Name, Start From (Blank Canvas)
Saved Templates Tab: List of all popup templates with Edit, View, and Delete buttons
Pretpot Styles and CSS (Global Extension)
Adds custom CSS to any widget, section, column, or container with responsive breakpoints. CSS is automatically scoped to the element.
Key Features
Universal Application: Works on widgets, sections, columns, and containers
Automatic Scoping: CSS is scoped to the specific element to prevent conflicts
Responsive Breakpoints: Separate CSS for desktop, tablet (≤1024px), and mobile (≤767px)
Pseudo-Class Support: Use & for pseudo-classes (e.g., &:hover, &:before, &:after)
Live Preview: CSS applies in real-time within Elementor editor
No Selector Required: Write raw CSS properties, or full selectors with & placeholder
Important Support: Use !important to override Elementor styles if needed
Available Controls
Advanced Tab: Custom CSS (desktop), Tablet CSS (≤1024px), Mobile CSS (≤767px)
Section Reveal (Global Extension)
Creates scroll-driven section transitions with 8 effects. One section scrolls away while another section is revealed underneath or slides over.
Key Features
8 Scroll Effects: None, Fade, Scale, Slide, Depth, Clip, Blur, Stack, Pin
Two Section Roles: Top section (scrolls away normally) and Bottom section (sticks and gets revealed)
Reveal Directions: Reveal (top section scrolls away, bottom exposed underneath) or Cover (bottom section rises and slides over top)
Adjustable Intensity: Control effect strength (0-100)
Disable on Mobile: Option to disable on mobile devices (recommended for mobile Safari compatibility)
Works on: Sections, columns, and containers
Requires Pair: Enable on both sections in the pair with opposite roles
Available Controls
Advanced Tab: Enable Section Reveal toggle, Section Role (top/bottom), Reveal Direction (reveal/cover), Scroll Effect (none/fade/scale/slide/depth/clip/blur/stack/pin), Effect Intensity (0-100), Disable on Mobile toggle
Side Scroll (Global Extension)
Makes columns within a section scroll horizontally instead of stacking vertically. Perfect for mobile carousels and horizontal galleries.
Key Features
Horizontal Scrolling: Columns scroll left/right instead of wrapping
Device Targeting: Apply to desktop, tablet, mobile, or any combination
Snap Points: Hard snap, soft snap, or no snapping
Auto Snap: Automatically snap to nearest column when user stops scrolling
Scroll Easing: Linear, ease, ease-in, ease-out, or ease-in-out
Visual Indicators: Fade edges (with custom color and width), loop indicator dots/dashes/lines, scrollbar style (hidden/minimal/default)
Navigation Arrows: Optional left/right arrows with position options (sides, bottom center, top center)
Touch Sensitivity: Adjustable drag sensitivity
Scroll Lock: Freeze vertical scrolling while dragging horizontally
Panel Sizing: Max panel width (50-100%), gap between panels (0-50px), peek next panel toggle with peek amount (20-100px)
Works on: Sections and containers
Available Controls
Advanced Tab: Enable Horizontal Scroll toggle, Apply On Devices (desktop/tablet/mobile)
Snap & Scroll Behavior: Snap Points (none/soft/hard), Auto Snap on Release toggle, Scroll Easing
Visual Indicators: Fade Edges toggle, Fade Width (10-100px), Fade Color, Loop Indicator toggle, Indicator Style (dots/dashes/lines), Scrollbar Style (hidden/minimal/default)
Navigation Controls: Scroll Arrows toggle, Arrow Position (sides/bottom/top)
Touch & Interaction: Touch Drag Sensitivity (0.5-2), Scroll Lock toggle
Panel Sizing: Max Panel Width (50-100%), Gap Between Panels (0-50px), Peek Next Panel toggle, Peek Amount (20-100px)
Smart Ajax Live Search Handler (AJAX Endpoint)
Backend AJAX handler for the Smart Ajax Live Search widget. Processes search queries and returns JSON results.
Key Features
Secure AJAX Endpoint: Processes search requests with nonce verification
Post Type Scope: Search in posts, pages, or products
Tag Restriction: Limit search to posts with specific tags or taxonomy terms
Result Fields: Returns title, URL, thumbnail, post type label, and excerpt
Configurable Limits: Max results (default 12)
Debug Endpoint: Temporary debug endpoint for troubleshooting tag restrictions
Available Controls
AJAX Parameters (non-UI): query, scope (array), filter_type, max_results, show_tag, show_excerpt, restrict_tag, restrict_taxonomy
Smart Animations (Global Extension)
Adds stagger entrance animations and exit animations to sections, columns, and containers. Child elements animate in sequence with customizable delays.
Key Features
Stagger Entrance Animations: Child elements animate in sequence with configurable delay between each
Direction Options: Fade, From Top, From Bottom, From Left, From Right
Stagger Delay: Delay between each element (0-500ms)
Duration Control: Animation duration (100-2000ms)
Easing Options: Linear, ease, ease-in, ease-out, ease-in-out
Trigger Options: On Enter Viewport, On Scroll Progress (0-100%), On Hover
Animation Target: All direct children, only widgets, or only columns
Order Options: Normal (DOM order), Reverse, or Random
Replay Options: Animate Once or Replay When Re-entering
Visibility Threshold: 10%, 25%, or 50% visible before triggering
Exit Animations: Animate out when scrolled past with Fade, Fade + Move Up, or Fade + Scale Down options
Works on: Sections, columns, and containers
Available Controls
Advanced Tab – Stagger Animation: Enable Stagger Animation toggle, Direction, Stagger Delay (ms), Duration (ms), Easing, Trigger, Scroll Progress (%), Animate (all/widgets/columns), Order, Replay, Visibility Threshold
Advanced Tab – Exit Animation: Animate Out When Scrolled Past toggle, Exit Type (fade/fade-up/fade-scale), Duration (ms)
Special Border Frame (Global Extension)
Overlays a decorative frame (SVG, solid color, or gradient) on any Elementor element. The frame never blocks clicks and supports responsive padding.
Key Features
13 Preset Frames: Ornate Gold, Rustic Wood, Art Deco, Double Line Classic, Polaroid/Photo, White Mat/Gallery, Solid Black, Solid White, Solid Navy, Gradient Sunset, Gradient Ocean, Gradient Rose Gold, Gradient Aurora
Custom Upload Option: Upload your own PNG or SVG frame with transparent center
Frame Opacity: Adjustable opacity (0.1-1)
Responsive Padding: Separate top, right, bottom, left padding for desktop, tablet, and mobile
Border Radius: Round frame corners independently
Color Override: Override colors on solid presets
Pointer Events: Frame never blocks clicks on content underneath
Works on: Widgets, sections, columns, and containers
PRO License Required: Requires active PRO license
Available Controls
Advanced Tab: Enable Frame toggle, Frame Preset (13 options), Custom Frame Image (for custom preset), Override Colour (for solid presets), Frame Opacity (0.1-1), Frame Thickness (top/right/bottom/left with responsive controls), Frame Corner Radius (responsive)
Spotlight Beam (Global Extension)
Adds a stylish spotlight beam highlight effect to any Elementor element. Darkens all content within the element except where the beam shines.
Key Features
Beam Color: Customizable beam color (default white)
Darkness Control: How dark the unlit areas become (0-95%)
Intensity Control: Beam brightness intensity (5-100%)
Spread Control: Beam width/spread angle (1-90%)
Per-Device Angle: Separate beam angle for desktop, tablet, and mobile (0-359°)
Per-Device Origin: Beam origin X and Y position per device (0-100%)
Per-Device Length: Beam length as percentage of element diagonal (10-250%)
Responsive Design: Beam adapts to device orientation and size
Works on: Widgets, sections, columns, and containers
Available Controls
Advanced Tab: Enable Spotlight Beam toggle, Beam Color, Darkness (0-95%), Intensity (5-100%), Spread (1-90%)
Angle (per device): Desktop/Tablet/Mobile Angle (0-359°)
Origin (per device): Desktop/Tablet/Mobile Origin X (0-100%), Origin Y (0-100%)
Length (per device): Desktop/Tablet/Mobile Length (10-250%)
Accordion Style 1
A two-column accordion widget where each item features a left column with heading, subheading, and description, and a right column with image or video. Perfect for FAQs, product features, or content showcases.
Key Features
Two-Column Layout: Left column displays heading, subheading, and rich text description; right column displays image or video
Icons on Titles: Optional icons before and after each accordion title
Multiple Media Types: Images, YouTube videos, or Vimeo videos in right column
Default State Options: All closed, first open, or all open
Allow Multiple Open: Option to keep multiple items expanded simultaneously
Content Animation: Fade, fade in up/down/left/right, zoom in, or slide in animations when expanding
Custom Title Tag: Choose HTML tag for accordion titles (H1-H6 or div)
Available Controls
Accordion Items Tab: Repeater for items (Title, Icon Before/After Title, Left Column Heading, Left Sub Heading, Left Description, Right Media Type (image/video/none), Right Image, Right Video URL)
Settings Tab: Default State (closed/first_open/all_open), Allow Multiple Open toggle, Content Animation, Title HTML Tag
Advanced Video
Full-featured video player with advanced playback controls, gating, timed overlays, lightbox mode, and fullscreen takeover. Supports YouTube, Vimeo, and self-hosted videos.
Key Features
Multiple Sources: YouTube, Vimeo, or self-hosted MP4 videos
Advanced Playback: Start/end times, playback speed control (0.5x-2x), loop, show/hide controls
Viewport Autoplay: Autoplay when video enters viewport with optional mute
Play Once Per Session: Track play state with session storage
Remember Position: Resume video from last playback position
Lazy Load: Defer video loading until needed
Custom Poster Image: Display poster before play
Custom Aspect Ratio: 16:9, 9:16, 4:3, 1:1, 21:9, or custom ratio
Object Fit: Contain, cover, or fill for video display
Vertical Video Preset: Optimized for short-form vertical videos
Play Icon Overlay: Customizable play icon and overlay text
Lightbox Mode: Play video in lightbox with adjustable dim
Fullscreen Takeover: Fullscreen mode
Timed Overlays: Show text with links at specific video times
Video Gating: Pause video at specified time and require form completion or cookie to continue
Border Radius: Rounded corners for video container
Available Controls
Video Source Tab: Video Type (youtube/vimeo/hosted), YouTube/Vimeo URL, Self-Hosted Video File, Poster Image
Advanced Playback Tab: Start Time (sec), End Time (sec), Playback Speed, Play Once Per Session toggle, Remember Playback Position toggle, Lazy Load toggle, Viewport Autoplay toggle, Mute on Autoplay toggle, Loop toggle, Show Controls toggle
Layout Tab: Aspect Ratio, Object Fit, Vertical Video Preset toggle, Border Radius
Overlay Tab: Play Icon, Overlay Text
Lightbox & Fullscreen Tab: Enable Lightbox toggle, Background Dim, Fullscreen Takeover toggle
Timed Overlays Tab: Repeater for overlays (Show at seconds, Text, Link URL)
Video Gating Tab: Enable Gating toggle, Gate After (seconds), Gate Type (form/cookie), Form ID
Style Tab – Overlay: Background Color, Icon Size, Icon Color, Overlay Text Typography/Color
Style Tab – Play Button: Background Color, Button Size, Box Shadow
Animated Download Button
Interactive download button with fill, border, or text message animations during download. Features glass background and micro-interactions.
Key Features
Button Types: Text button or icon-only button
Icon Support: Optional icon with left/right positioning
Download Any File: Upload any file type (images, videos, PDFs, documents, audio)
Three Animation Types: Fill Progress (bar fills), Border Line (line draws), Text Message (shows thank you text)
Adjustable Animation Speed: Control animation duration (500-5000ms)
Glass Background Option: Glass blur or solid/gradient backgrounds
Hover Effects: Background and text color changes on hover
Full Styling: Button size, padding, border radius, box shadow, typography
Available Controls
Content Tab: Button Type (text/icon), Button Text, Show Icon toggle, Icon, Download File, Animation Type (fill/border/text), Thank You Message, Animation Speed
Style Tab – Button Style: Button Size (icon-only), Icon Size (icon-only), Padding (text button), Background Type (glass/solid/gradient), Normal/Hover (Background, Text Color), Border, Border Radius, Box Shadow
Style Tab – Animation Style: Progress Type (solid/gradient), Progress Color, Thank You Text Color
Style Tab – Typography: Button Typography, Icon Size, Icon Spacing
Animated FAQ
Animated FAQ accordion with staggered entrance animations, replace animation, left icons/images, and customizable toggle icons. Items animate in sequence when widget enters viewport.
Key Features
Staggered Entrance Animation: FAQ items animate in with configurable duration and stagger delay
Replace Animation: Items cycle through one by one when widget enters viewport (like a slot machine effect)
Left Icon/Image: Optional icon or image before each question
Right Toggle Icon: Customizable active/inactive icons (plus/minus or custom)
Allow Multiple Open: Keep multiple FAQs open simultaneously
First Item Open: Option to have first FAQ open by default
Content Animation Duration: Control expand/collapse speed
Full Styling: Container, header, FAQ items (normal/active), title (normal/active), left icon/image, right toggle icon (inactive/active), description
Available Controls
Header Tab: Heading, Subheading, Alignment
FAQ Items Tab: Repeater for items (Show Left Icon toggle, Left Icon Type (icon/image), Left Icon/Image, Title, Description, Show Right Icon toggle)
Settings Tab: Enable Replace Animation toggle, Replace Animation Speed (ms), Transition Duration (ms), Allow Multiple Open toggle, First Item Open by Default toggle
Style Tab – Container: Padding, Background, Border, Border Radius, Box Shadow
Style Tab – Header: Heading/Subheading Color, Typography, Margin
Style Tab – FAQ Items: Spacing Between Items, Item Padding, Background, Border, Border Radius, Box Shadow, Active Background, Active Border Color
Style Tab – Title: Color, Typography, Active Color
Style Tab – Left Icon/Image: Icon Size, Image Width, Spacing, Icon Color, Active Icon Color
Style Tab – Right Toggle Icon: Icon Size, Spacing from Title, Inactive/Active (Icon Color, Background), Padding, Border Radius
Style Tab – Description: Color, Typography, Padding
Style Tab – Animation: Entrance Duration (ms), Stagger Delay (ms), Content Expand Duration (ms)
Animated Folder
A glassmorphism folder that displays stacked media items (images/videos) inside a folder. Clicking the folder opens a popup modal with navigation and optional button.
Key Features
Stacked Cards: Up to 3 media items stack inside the folder with offset and scale effects
Media Types: Images or self-hosted MP4 videos
Video Autoplay in Preview: Option to autoplay videos within the folder preview
Video Icon: Optional play icon overlay on video thumbnails
Popup Modal: Click folder to open modal with full media display
Modal Navigation: Next/prev buttons when multiple items exist
Per-Item Description: Text description shown in modal
Per-Item Button: Optional button with custom text and link per item
Glassmorphism Design: Blur effects on folder back and front flaps
Customizable Folder Size: Width and height controls
Media Popup Size: Control popup media width and height
Float or Wiggle Animation: Optional floating or wiggling animation with adjustable duration
Full Styling: Folder colors, blur amounts, border, border radius, box shadow; content opacity, blur, scale, saturation; popup overlay, text; button styling
Available Controls
Folder Items Tab: Repeater for items (Media Type (image/video), Image, Video URL, Description, Show Button toggle, Button Text, Button Link)
Folder Settings Tab: Folder Width, Folder Height, Media Width (popup), Media Height (popup), Video Autoplay (preview), Show Video Icon toggle
Animation Tab: Enable Animation toggle, Animation Type (float/wiggle), Animation Duration
Style Tab – Folder Style: Background Color, Front Flap Color, Back Folder Blur, Front Flap Blur, Front Flap Height (%), Back Folder Start Height (%), Border, Border Radius, Box Shadow
Style Tab – Content in Folder: Content Opacity, Content Blur, Content Scale, Content Saturation
Style Tab – Popup Style: Overlay Color, Background Blur, Text Color/Typography
Style Tab – Button Style: Typography, Normal/Hover (Text Color, Background), Border Radius, Padding
Animated Testimonial with Custom Loading Text
Animated testimonial card that displays shimmering loading text before revealing the full testimonial on click. Features glass morphism design and auto-close option.
Key Features
Two-State Design: Initial card with profile image, name, position, and animated loading text; expanded card with full testimonial
Shimmer Loading Animation: Two custom texts cycle with fade transitions and shimmer effect
Adjustable Timing: Display duration, fade transition duration, shimmer speed
Click Hint: Optional hint text telling users to click
Auto Close: Optional auto-close after delay
Glass Morphism: Glass card effect with adjustable border radius and padding
Overlapping Image: Profile image overlaps the card edge
Close Button: Round close button to collapse expanded view
Full Typography Control: Separate fonts for name, position, quote, and loading text
Shimmer Colors: Customizable start, mid, and end colors for shimmer effect
Available Controls
Testimonial Content Tab: Name, Position/Company, Profile Image, Testimonial Text
Loading Text Animation Tab: First Loading Text, Second Loading Text, Text Display Duration (ms), Fade Transition (ms), Shimmer Speed (seconds), Auto Close toggle, Auto Close Delay (ms)
Click Hint Tab: Show Click Hint toggle, Hint Text
Style Tab – Widget Size: Max Width
Style Tab – Card Style: Glass Style (default/light/dark), Background Color, Border Color, Border Radius, Padding, Min Height
Style Tab – Profile Image: Size, Top Offset, Right Offset, Border Width, Border Color
Style Tab – Typography: Name (Color, Font Size, Spacing), Position (Color, Underline Color, Font Size), Quote (Color, Font Size, Line Height), Loading Text (Font Size, Shimmer Start/Mid/End Colors)
Style Tab – Spacing: Content Right Padding (for image overlap), Loading Text Top Margin, Expanded Content Padding, Loading Text Container Height
Style Tab – Close Button: Button Size, Icon Color, Position (Top/Right)
Animated Vertical Carousel with Blurred Media
A vertical card stack carousel where cards animate out with fall or fade effects, revealing the next card. Features progressive blur, opacity decay, and text animations.
Key Features
Vertical Card Stack: Cards stack vertically with configurable peek/overlap
Progressive Effects: Each card below the top has increased blur, decreased opacity, and reduced width/height
Card Exit Modes: Fall (drop down) or Fade Out when advancing
Autoplay: Optional auto-cycling with configurable delay and pause on hover
Start Trigger: Page load or when section enters viewport
Item Click Action: Advance carousel or open item link
Media Support: Images or self-hosted MP4 videos per card
Video Controls: Play/pause and mute buttons on video cards
Text Content: Heading and subheading with position options (top, center overlay, or bottom)
Text Animation: Character or word-by-word reveal animations
Card Linking: Optional URL per card with external link support
Full Styling: Base card dimensions, decay values, blur intensity, border radius, box shadow
Available Controls
Media Items Tab: Repeater for items (Media Type (image/video), Image, Video URL, Video Autoplay, Video Muted, Item Link)
Text Content Tab: Text Position (top/center/bottom), Heading, Subheading, Spacing Below Text Block, Gap Between Heading & Subheading
Animation Settings Tab: Animation Speed (ms), Card Exit Mode (fall/fade), Start Trigger (page_load/section_view), Autoplay toggle, Autoplay Delay (ms), Pause on Hover toggle, Item Click Action (advance/link)
Text Animation Tab: Animation Type (none/char/word), Animation Duration (ms)
Style Tab – Cards: Top Card Width, Top Card Height, Card Peek/Overlap (px), Width Shrink per Card (px), Height Shrink per Card (px), Blur per Step (px), Opacity Decay per Step, Border Radius, Box Shadow
Style Tab – Heading: Color, Typography, Padding, Alignment
Style Tab – Subheading: Color, Typography, Padding, Alignment
Animation Extension (Global)
Adds entrance animations to any widget, section, column, or container with extensive animation types, duration, delay, and easing controls.
Key Features
40+ Animation Types: Fade, zoom, slide, bounce, rotate, light speed, jack in the box, flip, pulse, shake, swing, tada, wobble, jello
Duration Control: Set animation duration (0-3000ms)
Delay Control: Set animation delay (0-3000ms)
Easing Options: Linear, ease, ease-in, ease-out, ease-in-out, or custom cubic-bezier (Material design preset)
Works on Any Element: Widgets, sections, columns, containers
Trigger on Viewport: Animation plays when element enters viewport
Available Controls
Pretpot Animations Section (Advanced Tab): Enable Animation toggle, Animation Type (40+ options), Duration (ms), Delay (ms), Easing
App Downloads Buttons
App Store and Google Play download buttons with platform detection, auto-fetch app info, deep link support, and confirmation modal.
Key Features
App Store & Google Play: Separate buttons for each platform
Platform Detection: Show only relevant badge based on user’s device
URL Auto-Detection: Automatically fetch app info (name, rating, price) from store URLs
Deep Link Support: Try to open app directly if installed before going to store
Leaving Site Confirmation: Optional modal confirmation before redirecting to app store
App Info Display: Show rating and price information
Micro-Interactions: Apple logo glow and Google Play triangle spin on hover
Layout Options: Inline (horizontal) or vertical (stacked)
Button Sizes: Small, medium, or large
Alignment: Left, center, or right alignment
Hover Transform: Lift up or scale on hover
Full Styling: Button background, text color, border radius, box shadow, hover states
Modal Styling: Background, overlay, primary button color
Available Controls
App Store Links Tab: App Store URL, Google Play URL, App Store Deep Link, Google Play Deep Link, App Name
Layout Tab: Button Layout (inline/vertical), Button Spacing, Alignment, Button Size (small/medium/large)
Features Tab: Enable Platform Detection toggle, Enable URL Auto-Detection toggle, Open App If Already Installed toggle, Leaving Site Confirmation Modal toggle, Show App Info (Rating/Price) toggle
Style Tab – Buttons: Background Color, Text Color, Border Radius, Typography, Box Shadow
Style Tab – Hover Effects: Enable Micro-Interactions toggle, Hover Background, Hover Transform (none/lift up/scale)
Style Tab – Confirmation Modal: Modal Background, Overlay Background, Primary Button Color
Apple Dock Style Logo Carousel
A macOS Dock-style logo carousel where the active/middle logo scales up and adjacent logos scale progressively smaller. Features infinite scrolling and navigation arrows.
Key Features
Dock-Style Scaling: Active logo scales up, adjacent logos scale progressively smaller
Visible Items Control: Choose odd number (middle item scaled) or even number (all same size)
Start from Middle: Option to start carousel with middle item active
Label Position: Labels above or below logos
Infinite Scrolling: Continuous loop navigation
Navigation Arrows: Previous/next buttons with customizable styling
Per-Item Links: Optional URLs for each logo
Responsive Sizing: Normal size and scaled size multiplier per device
Item Spacing: Adjust gap between logos
Container Styling: Height, max width, padding, background, border radius
Image Styling: Border radius, box shadow (normal and scaled states)
Label Styling: Color, background, typography, padding, border radius, box shadow
Arrow Styling: Icon color, background, hover background, size, icon size, position offset
Available Controls
Logos Tab: Repeater for logos (Logo Image, Label, Link)
Settings Tab: Visible Items (2-12), Label Position (above/below), Start from Middle toggle
Item Size Tab: Normal Size (responsive), Scaled Size Multiplier (responsive), Item Spacing (responsive)
Style Tab – Container: Height, Max Width, Padding, Background, Border Radius
Style Tab – Images: Border Radius, Box Shadow, Scaled State Shadow
Style Tab – Labels: Text Color, Background, Typography, Padding, Border Radius, Box Shadow
Style Tab – Navigation Arrows: Icon Color, Background, Hover Background, Arrow Size, Icon Size, Position Offset
Article Schema
Adds structured data (JSON-LD) for articles to improve SEO and search engine understanding of blog posts and news articles.
Key Features
Auto-Pull Post Data: Automatically pulls headline, URL, featured image, publish date, modify date, and author from current post
Manual Mode: Override with custom headline, description, image, and author
Schema ID: Custom @id for the schema
Output Location: Choose between head or footer for script placement
Publisher Support: Add publisher name and logo
Available Controls
Schema Settings Tab: Schema ID, Output Location (head/footer), Auto-pull Post Data toggle
Article Data Tab: Headline (manual), Description, Featured Image (manual), Author Type (text/auto), Author Name (text), Publisher Name, Publisher Logo
PRO Widget #38 – Avatar Stack
Minimalist overlapping avatar group with tooltips on hover, optional left icon, and right text. Perfect for team showcases or user lists.
Key Features
Overlapping Avatars: Each avatar overlaps the previous with configurable overlap amount
Tooltips on Hover: Show avatar name on hover with customizable styling
Per-Avatar Links: Optional URLs per avatar
Left Icon: Optional icon before the stack (e.g., star, users)
Right Text: Optional text after the stack (e.g., “+50 members”)
Alignment: Left, center, or right alignment for the entire stack
Avatar Styling: Size, border width, border color, box shadow
Tooltip Styling: Background, text color, typography, padding, border radius
Available Controls
Avatars Tab: Repeater for avatars (Avatar Image, Name (Tooltip), Link)
Settings Tab: Show Tooltip on Hover toggle, Left Icon, Right Text, Alignment
Style Tab – Avatars: Avatar Size, Overlap Amount (px), Border Width, Border Color, Box Shadow
Style Tab – Tooltip: Background Color, Text Color, Typography, Padding, Border Radius
Style Tab – Icon & Text: Icon Size, Icon Color, Icon Spacing, Right Text Typography, Text Color, Text Spacing
Banner with Floating Images
A banner with animated floating images over a background (color, gradient, image, or video). Each floating image has independent position, size, animation type, and intensity.
Key Features
Background Types: Color, gradient, image, or self-hosted MP4 video
Floating Images: Add multiple images with independent position, size, animation, and intensity
Animation Types: Wiggle, bounce, pulse, or float
Adjustable Intensity: Control animation strength per image (1-10)
Play Only in View: Animations start only when banner enters viewport
Responsive Banner Height: Set height in px or vh
Position Controls: Set X and Y position percentages per image
Image Size Control: Set size per image
Available Controls
Background Tab: Background Type (color/gradient/image/video), Background Color, Gradient, Image, Video URL, Banner Height
Floating Images Tab: Repeater for images (Image, Position X (%), Position Y (%), Size (px), Animation Type (wiggle/bounce/pulse/float), Intensity)
Play Only in View toggle
Banner with Scattered Text Popups
A full-width banner with absolutely positioned scattered words that reveal a media popup (image or video) on hover or click. Popups can open in lightbox or redirect to link.
Key Features
Scattered Words: Position words anywhere on banner using X/Y percentages
Center Title: HTML/WYSIWYG title centered on banner with position controls
Per-Word Media: Each word has its own image or video popup
Trigger Options: Hover, click, or both
Click Actions: Lightbox (enlarge) or redirect to link
Popup with Label: Each popup shows the word label and an expand icon
Popup Media Height: Control popup media height
Connecting Line: Optional line connecting scattered words
Word Styling: Typography, normal/hover colors
Popup Styling: Width, border radius, background, label color, box shadow
Lightbox Styling: Overlay color, max width, border radius
Available Controls
Banner Background Tab: Banner Height, Background (color/gradient/video), Overlay Color
Center Title Tab: Title (WYSIWYG), HTML Tag, Alignment, Horizontal/Vertical Position (%)
Scattered Words Tab: Repeater for words (Word Text, Position X/Y, Media Type (image/video), Image/Video URL, Click Action (lightbox/link), Redirect URL, Trigger (hover/click/both))
Popup Style Tab: Popup Width, Popup Media Height, Border Radius, Background, Box Shadow, Label Color
Style Tab – Scattered Words: Word Typography, Normal/Hover Colors
Style Tab – Center Title: Title Typography, Color
Style Tab – Lightbox: Overlay Color, Max Width, Border Radius
Circle Media Carousel with 3D Flip
A circular carousel where items orbit around a center point. Clicking any item reveals a 3D flip card overlay with title, description, and action buttons. Supports images, videos, YouTube, and Vimeo.
Key Features
Orbit Animation: Items rotate around a central point with adjustable radius and speed
Rotation Direction: Clockwise or counter-clockwise
Animation Start Options: Page load or when section enters viewport
3D Flip Popup: Clicking an item opens a 3D flip card overlay with media, title, description, and up to 2 buttons
Media Types: Images, self-hosted MP4 videos, YouTube, or Vimeo
Video Autoplay: Option to autoplay videos when popup opens
Center Text: Title and subtitle displayed in the center of the orbit
Hover Effects: Scale and push-out effect on items
Responsive Controls: Carousel size, orbit radius, item size, and popup media size all responsive
Overlay Styling: Background color, backdrop blur, content alignment
Button Styling: Primary and secondary button colors
Available Controls
Carousel Items Tab: Repeater for items (Media Type, Image, Video URL, YouTube ID, Vimeo ID, Autoplay toggle, Title, Description, Click Action (open/link/none), Link URL, Button 1/2 Label & URL)
Centre Text Tab: Title, Subtitle
Carousel Settings Tab: Carousel Size (px), Orbit Radius (px), Rotation Direction (cw/ccw), Rotation Speed (seconds), Animation Start (load/viewport)
Item Size & Spacing Tab: Item Width (px), Item Height (px), Border Radius (px), Hover Scale, Hover Push-out (px)
Popup Overlay Tab: Overlay Background, Backdrop Blur (px), Content Alignment, Popup Media Width (px/vw), Popup Media Height (px/vh)
Popup Typography Tab: Title Typography/Color, Description Typography/Color
Popup Buttons Tab: Button 1/2 Background, Text Color
Circular Photo Collage
A circular photo collage with center image and multiple levels of segmented images that radiate outward. Click any segment to open a modal with animated text (typing, fade, slide, scale, blur, clip reveal, or flip in).
Key Features
Center Image: Central image with heading and subheading
Level 1 (Inner Ring): Segmented images around the center
Level 2 (Outer Ring): Segmented images on outer ring
Each Level Independently Toggleable: Enable/disable each ring separately
Segmented Design: Images are divided into segments with dividers between them
Modal Popup: Click any image to open modal with full-size image, heading, and subheading
Text Animation: 7 animation types (typing, fade in, slide up, scale up, blur in, clip reveal, flip in)
Adjustable Typing Speed: For typing animation (10-200ms per character)
Subheading Delay: Optional delay before subheading appears
Responsive Collage Size: Control overall collage size and center image size
Level Size Controls: Adjust inner and outer ring sizes independently
Divider Styling: Width and color of segment dividers
Modal Text Styling: Heading and subheading colors, typography, alignment, spacing
Available Controls
Center Image Tab: Image, Heading, Subheading
Level 1 (Inner Ring) Tab: Enable toggle, Repeater for images (Image, Heading, Subheading)
Level 2 (Outer Ring) Tab: Enable toggle, Repeater for images (Image, Heading, Subheading)
Style Tab – Layout: Collage Size (responsive), Center Image Size (%), Level 1 Size (%), Level 2 Size (%), Alignment
Style Tab – Dividers: Divider Width, Divider Color
Style Tab – Modal Content: Text Animation, Typing Speed, Subheading Delay, Text Alignment, Text Spacing, Heading Typography/Color, Subheading Typography/Color
Clockwise Four Image Rotation
A 4-image grid that rotates clockwise, moving each image to the next position. Supports custom images, WooCommerce products, or blog posts as sources. Clicking opens a modal with title, description, and button.
Key Features
Source Types: Custom images, WooCommerce products, or blog posts (requires exactly 4 items)
Clockwise Rotation: Images rotate to next position automatically
Autoplay: Optional auto-rotation with configurable delay (1000-10000ms)
Animation Speed: Control rotation speed (200-3000ms)
Click Action: Open modal or no action
Modal Display: Shows large image, title, description, and optional button
Modal Toggles: Show/hide title, description, and button independently
Image Fit: Cover, fill, or contain for grid images
Responsive Grid Size: Control grid size (px, %, vw)
Grid Gap: Adjust spacing between images
Border Radius: Round image corners
Modal Styling: Overlay color, backdrop blur, content alignment
Modal Typography: Title and description colors and typography
Button Styling: Text color, background, border, border radius, padding, typography
Available Controls
Content Tab: Source Type (custom/products/posts), Custom Images repeater (Image, Title, Description, Button Text, Link), Selected Products selector, Selected Posts selector
Settings Tab: Click Action (modal/none), Object Fit, Animation Speed (ms), Autoplay toggle, Autoplay Delay (ms)
Style Tab – Grid Layout: Grid Size (responsive), Grid Gap, Border Radius, Border, Box Shadow
Style Tab – Modal Settings: Background Blur, Overlay Color, Show Title toggle, Show Description toggle, Show Button toggle, Content Alignment
Style Tab – Modal Typography: Title Typography/Color, Description Typography/Color
Style Tab – Modal Button: Text Color, Background, Border, Border Radius, Padding, Typography
Device Preview Floating Icon
A floating button that opens a modal with device frames (desktop, tablet, mobile) displaying scrolling screenshots. Perfect for showcasing responsive designs.
Key Features
Floating Button Positions: Top-left, top-right, bottom-left, bottom-right, or inline
Pulse Ring Animation: Optional pulsing ring around the button
Three Device Frames: Desktop, tablet, and mobile with realistic bezels
Device Switcher: Toggle between devices with active state highlighting
Scroll Animation: Optional auto-scrolling of screenshots within each device frame
Adjustable Scroll Speed: Control animation speed (5-60 seconds)
Pause on Hover: Stop scrolling when user hovers over the modal
Custom Screenshots: Upload separate screenshots for desktop, tablet, and mobile
Default Device: Choose which device is shown first
Button Styling: Size, background color, icon color, pulse ring color
Modal Styling: Overlay color, blur effect
Available Controls
Floating Button Tab: Button Icon, Button Position, Pulse Ring Animation toggle
Device Screenshots Tab: Desktop Screenshot, Tablet Screenshot, Mobile Screenshot, Default Device
Scroll Animation Tab: Enable Scroll Animation toggle, Scroll Speed (seconds), Pause on Hover toggle
Style Tab – Button Style: Button Size, Background Color, Icon Color, Ring Color
Style Tab – Modal Style: Overlay Color, Blur Effect (px)
Diagonal Carousel Cards
A 3D diagonal carousel where cards are arranged diagonally in 3D space. Cards animate in and out with scale and opacity transitions as the user navigates.
Key Features
3D Diagonal Layout: Cards positioned diagonally with depth (Z-index)
Autoplay: Optional auto-cycling with configurable duration (1000-10000ms)
Video Support: Self-hosted MP4 videos with optional autoplay
Progress Bar: Shows current card progress
Navigation Dots: Click to jump to any card
Content Area: Title, description, and button update as cards change
Process Line: Visual line showing progress
Card Number Display: Each card shows its number (01, 02, 03…)
Adjustable Diagonal Intensity: Control X and Y offset per card
Card Spacing: Control gap between cards in diagonal
Inactive Opacity: Fade level of non-active cards
Responsive Card Sizes: Separate width/height for desktop, tablet, mobile
Card Styling: Border radius, box shadow
Content Styling: Title/description colors and typography, button styling
Available Controls
Cards Tab: Repeater for cards (Media Type (image/video), Image, Video URL, Title, Description, Button Text, Button URL)
Settings Tab: Autoplay toggle, Active Duration (ms), Video Autoplay toggle
Style Tab – Layout: Diagonal X Intensity (px), Diagonal Y Intensity (px), Card Spacing (px), Inactive Card Opacity
Style Tab – Card Size: Width/Height for desktop/tablet/mobile
Style Tab – Card Style: Border Radius, Box Shadow
Style Tab – Content: Title Color/Typography, Description Color/Typography
Style Tab – Button: Background, Text Color, Typography
Style Tab – Navigation: Dots Color, Active Dot Color, Progress Bar Color
Disintegrating Text Animation
Scroll-linked text disintegration/reassembly animation. Characters spread apart or come together based on scroll position. Fully reversible animation.
Key Features
Two Modes: Assemble (effect → word) or Disintegrate (word → effect)
Character Order Options: Left to right, right to left, top to bottom, bottom to top
Adjustable Spread Distance: Control how far characters move (10-200px)
Scroll Range Control: Set start and end percentages (0-100%)
Reversible Animation: Scroll back up reverses the effect
Customizable Typography: Font size, weight, family, color
Alignment: Left, center, or right alignment
Available Controls
Content Tab: Text, HTML Tag, Animation Mode (assemble/disintegrate), Character Order (ltr/rtl/ttb/btt)
Scroll Settings Tab: Effect Start (%), Effect End (%), Character Spread Distance (px)
Style Tab: Font Size, Font Weight, Typography, Text Color, Alignment
Dual Confirmation Button
A two-step confirmation button that transforms into a confirmation state before executing an action. Features morphing animation, ripple effect, and tooltip.
Key Features
Two-State Design: Initial button transforms into confirmation button with cancel option
Morph Animation: Smooth transition between states with configurable duration
Ripple Effect: Visual feedback on click
Tooltip: Optional tooltip warning before confirmation
Redirect on Confirm: Optional redirect URL after confirmation
Open in New Tab: Option for redirect URL
Full Button Styling: Initial button (background, text color, padding, border radius, hover scale)
Confirmation Button Styling: Background, text color, hover background, active scale
Cancel Button Styling: Size, background, icon color, border radius, hover scale
Tooltip Styling: Background, text color, typography, padding, border radius, backdrop blur
Animation Controls: Transition duration, cancel button duration, morph duration, ripple color
Available Controls
Content Tab: Initial Button Text, Confirmation Button Text, Tooltip Text, Redirect URL
Layout Tab: Alignment, Button Width (auto/full/custom), Custom Width, Gap
Style Tab – Initial Button Style: Background (normal/hover), Text Color, Typography, Padding, Border Radius, Border, Hover Scale
Style Tab – Confirmation Button Style: Background (normal/hover), Text Color, Active Scale
Style Tab – Cancel Button Style: Size, Background (normal/hover), Icon Color, Icon Size, Border Radius, Hover Scale
Style Tab – Tooltip Style: Background, Text Color, Typography, Padding, Border Radius, Backdrop Blur, Margin Bottom
Style Tab – Animation: Transition Duration, Cancel Button Duration, Morph Duration, Ripple Color
Dropdown Button
A customizable dropdown button with mega-menu style content. Features accordion parent items, optional right image, and full styling controls.
Key Features
Two Item Types: Simple links or parent items with accordion sub-items
Dropdown Direction: Open downward or upward
Optional Right Image: Display image to the right of menu items
Icon Support: Button icon with left/right positioning
Parent Accordion Items: Expandable/collapsible sub-menus
Click Outside to Close: Dropdown closes when clicking outside
Responsive Width: Control dropdown width per device
Full Styling: Button typography, colors, background, border, padding, icon color/size
Dropdown Styling: Width, background, padding, border, border radius, box shadow
Link Styling: Typography, color, hover color
Available Controls
Button Tab: Button Text, Alignment, Icon, Icon Position, Icon Spacing, Dropdown Direction, Button Padding
Dropdown Content Tab: Repeater for items (Type (link/parent), Text, Link, Parent Icon, Sub-items repeater), Enable Right Image toggle, Right Image
Style Tab – Button Style: Typography, Text Color, Background, Icon Color, Icon Size, Border, Border Radius
Style Tab – Dropdown: Width (responsive), Background, Padding, Border, Border Radius, Box Shadow
Style Tab – Links: Typography, Color, Hover Color
Event Schema
Adds structured data (JSON-LD) for events to improve SEO. Includes name, description, image, dates, location, attendance mode, organizer, and ticket offers.
Key Features
Complete Event Data: Name, description, image, start/end dates
Event Status: Scheduled, cancelled, postponed, or rescheduled
Attendance Modes: Offline, online, or mixed
Location Support: Physical venue address or online URL
Organizer Info: Name and URL
Ticket Offers: Price, currency, availability (InStock/SoldOut/PreOrder), valid from date
Custom Schema ID: Set custom @id for the schema
Output Location: Head or footer
Available Controls
Schema Settings Tab: Schema ID, Output Location
Event Data Tab: Event Name, Description, Image, Start Date & Time, End Date & Time, Event Status, Attendance Mode
Location Tab: Venue Name, Full Address, Online Event URL
Organizer Tab: Organizer Name, Organizer URL
Ticket Offers Tab: Price, Currency, Availability, Valid From
Expandable Menu with Dropdown Content
An expandable menu that opens as a full-width dropdown with columns for menu items, action buttons, and media content. Features glass blur effect and sticky positioning.
Key Features
Expandable Header: Compact header expands to full-width dropdown on click
Three-Column Layout: Menu items column, action buttons, and up to 2 media columns
Media Types: Images or self-hosted MP4 videos with autoplay
Optional Media Links: Make media items clickable with custom URLs
Sticky Positioning: Optional sticky header with configurable offset and gaps
Responsive Breakpoints: Auto-switch layout based on device width
Animation Controls: Expand duration, unfold duration, stagger delay
Glass Effect: Adjustable blur, background, border color and width
Close Behaviors: Close on menu click, close on button click
Logo Options: Text or image logo with link
Menu Trigger: Animated hamburger icon
Full Styling: Header padding, border radius, width; Logo typography/color; Trigger size/color; Dropdown gap, padding, border radius; Menu items typography/colors; Buttons typography/colors; Media aspect ratio, border radius, overlay
Available Controls
Content Tab: Logo Type (text/image), Logo Text, Logo Link, Logo Image, Menu Items repeater (Text, Link), Button 1/2 Text & Link, Media Count (0-2), Media 1/2 Type (image/video), Media Image/Video URL/File, Media Link
Device Settings Tab: Device Mode (auto/desktop/tablet/mobile), Tablet Breakpoint (px), Mobile Breakpoint (px)
Sticky Settings Tab: Enable Sticky toggle, Sticky Offset (px), Z-Index, Left/Right Gaps (px)
Animation Settings Tab: Expand Duration (s), Unfold Duration (s), Unfold Delay (s), Stagger Delay (s), Close on Menu Click toggle, Close on Button Click toggle
Style Tab – Glass Effect: Blur Amount (px), Background Color, Border Color, Border Width
Style Tab – Header: Padding, Border Radius, Compact Width, Min Width, Expanded Width (%)
Style Tab – Logo: Logo Typography, Color, Hover Color, Image Height
Style Tab – Menu Trigger: Width, Height, Color, Hover Color, Line Height
Style Tab – Dropdown: Gap from Header, Content Padding, Border Radius, Column Gap
Style Tab – Menu Items: Typography, Color, Hover Color, Item Gap, Buttons Gap from Menu
Style Tab – Buttons: Typography, Padding, Border Radius, Gap, Normal/Hover (Background, Text Color)
Style Tab – Media: Aspect Ratio, Border Radius, Overlay Color
Expandable Text 1
A text widget that truncates long content to a word limit and expands inline or in a modal popup. Features heading, optional button icon, and full styling.
Key Features
Word Limit Truncation: Set visible word count (5-200 words)
Two Expansion Modes: Inline (accordion-style) or Modal Popup
Customizable Button: Text and optional icon (rotates when expanded)
Modal Popup: Full content displayed in centered modal with close button
Modal Backdrop Blur: Adjustable blur intensity (0-20px)
Modal Max Width: Control modal size (300-1200px)
Content Alignment: Left, center, or right alignment
Full Styling: Heading (color, typography, margin), Description (color, typography, line height), Button (text color, background, typography, border, border radius, padding), Modal (background, overlay color, blur, content background, max width)
Available Controls
Content Tab: Heading, HTML Tag, Description (WYSIWYG), Word Limit, Expansion Mode (inline/modal), Button Text, Button Icon
Style Tab – Alignment: Content Alignment
Style Tab – Heading: Color, Typography, Margin
Style Tab – Description: Color, Typography, Line Height
Style Tab – Modal Appearance: Background Color, Backdrop Blur Intensity, Modal Content Background, Max Width
Style Tab – Button: Text Color, Background, Typography, Border, Border Radius, Padding
Falling Menu
An off-canvas fullscreen menu where menu items “fall” into place with staggered animations. Features glass blur background, floating animation, and customizable item styling.
Key Features
Off-Canvas Overlay: Menu slides over entire viewport when triggered
Falling Animation: Items animate in from top with stagger delays
Floating Animation: Optional continuous floating effect on menu items
Exit Animation: Items animate out when closing
Item Overlap: Items can overlap with negative margins for stacked effect
Per-Item Customization: Each item can have custom background, text color, border radius, rotation, and horizontal offset
Close Hint: Optional text hint for closing
Three Background Types: Dark opacity, glass blur, or custom color
Trigger Style: Hamburger icon with configurable size and alignment
Responsive Item Sizes: Small, medium, large, or custom font size
Item Border Radius Options: Pill, rounded, asymmetric 1/2, or sharp
Full Styling: Trigger background, color, size; Item padding, border width, border color, box shadow
Available Controls
Menu Content Tab: Trigger Text, Menu Items repeater (Text, Link, Background Color, Text Color, Border Radius, Rotation, Horizontal Offset), Show Close Hint toggle, Close Hint Text
Background Settings Tab: Background Type (dark/glass/custom), Background Color, Glass Blur Amount, Glass Overlay Opacity
Animation Settings Tab: Animation Duration (ms), Stagger Delay (ms), Exit Duration (ms), Enable Float toggle, Float Duration (s)
Style Tab – Trigger Style: Alignment (responsive), Background Color, Icon Color, Trigger Size (responsive), Typography
Style Tab – Menu Items Style: Item Size (small/medium/large/custom), Custom Size (responsive), Item Padding (responsive), Item Overlap (responsive), Typography, Border Width, Border Color, Box Shadow
Fancy Heading
Animated headline widget with typewriter, flip, swirl, fade, slide, and zoom effects. Animated words cycle through a list with smooth transitions.
Key Features
Animation Types: Typewriter, flip, swirl, fade, slide up, zoom in
Before & After Text: Static text before and after the animated word
Multiple Animated Words: One per line in textarea
Adjustable Speed: Cycle speed (500-10000ms)
Typewriter Speed: Per-character typing speed (20-400ms)
Cursor (Typewriter only): Blinking cursor with customizable color
Animated Word Styling: Color, background, padding, border radius
Full Heading Styling: Typography, text color, alignment
Available Controls
Content Tab: Before Text, Animated Words (one per line), After Text, Animation Type, Speed (ms), Typewriter Speed (ms), HTML Tag
Style Tab – Heading: Alignment, Typography, Text Color
Style Tab – Animated Word: Color, Typography, Background Color, Padding, Border Radius, Cursor Color (typewriter only)
FAQ Icon Button
A floating or inline button that opens a chat-like glass-blur FAQ window with accordion-style questions and answers. Features staggered fade animations.
Key Features
Button Positions: Inline, fixed bottom-right, or fixed bottom-left
Glass Blur Effect: Adjustable blur on button and window
FAQ Window: Chat-like design with title, close button, and accordion items
Accordion Items: Expand/collapse answers with icons before/after questions
Staggered Animation: FAQ items fade in with configurable delay
Custom Icons: Per-item question icons with left/right positioning
Window Settings: Title, width, max height
Full Styling: Button (size, icon size, colors, border, shadow), Window (width, max height, background, blur, border, border radius, shadow, padding), Title (color, typography), Accordion (question/answer colors/typography, icon size/color, item spacing, answer padding), Close Button (color, hover color, size)
Available Controls
Button Tab: Button Position, Button Icon, Button Size, Icon Size, Spacing from Edge
FAQ Items Tab: Repeater for items (Question Icon, Icon Position, Question, Answer)
Window Settings Tab: Window Title, Window Width, Max Height, Stagger Animation Delay (ms)
Style Tab – Button Style: Enable Glass Blur toggle, Blur Amount, Background Color, Icon Color, Border, Box Shadow
Style Tab – Window Style: Enable Glass Blur toggle, Blur Amount, Background Color, Border, Border Radius, Box Shadow, Padding
Style Tab – Window Title: Color, Typography, Margin Bottom
Style Tab – Accordion Items: Question Color/Typography, Answer Color/Typography, Icon Color/Size, Item Spacing, Answer Padding
Style Tab – Close Button: Color, Hover Color, Size
Floating Testimonials
Displays floating bubbles or pills with testimonials that open in modal popups. Each testimonial can have custom position offsets for organic layouts.
Key Features
Two Display Styles: Round bubbles or pill-shaped with name and avatar
Per-Item Positioning: Adjust X/Y position offsets per testimonial
Floating Animation: Optional continuous floating with adjustable speed and distance
Hover Scale: Scale effect on hover
Modal Popup: Click to open modal with full testimonial, name, position, rating, and avatar
Rating Display: Star ratings (1-5) in modal
Optional Header: Title and subtitle above testimonials
Staggered Float Delays: Each item has unique float duration and delay
Full Styling: Round bubble size, border, background, blur, shadow; Pill avatar size, border, pill background, blur, border radius, padding, name color/typography; Modal overlay color, blur, background, border radius, padding; Typography for name, position, testimonial text; Rating star color
Available Controls
Header Tab: Show Header toggle, Title, Subtitle, Alignment, Header Spacing
Layout Style Tab: Display Style (round/pill), Items Spacing, Content Spacing
Testimonials Tab: Repeater for testimonials (Name, Position, Image, Testimonial, Rating, X/Y Position)
Style Tab – Round Style: Bubble Size, Border, Border Radius, Box Shadow, Background, Backdrop Blur
Style Tab – Pill Style: Avatar Size, Avatar Border, Avatar Border Radius, Pill Background, Backdrop Blur, Pill Border, Pill Border Radius, Pill Padding, Name Color/Typography, Name Spacing
Style Tab – Modal Popup: Overlay Background, Overlay Blur, Modal Background, Modal Border Radius, Modal Padding, Name Color/Typography, Position Color/Typography, Testimonial Color/Typography, Rating Color
Style Tab – Animation: Enable Float toggle, Float Duration, Float Distance, Hover Scale
Flow Link Paths
Creates animated flow paths between start and end icons with customizable bezier curves. Features shimmer animation, glow effect, and loop options.
Key Features
Animated Paths: SVG paths with flowing gradient animation
Multiple Connections: Define custom connections between start and end icons
Orientation: Horizontal or vertical layout
Adjustable Curvature: Control path curvature (0-1)
Animation Speed: Control flow speed (0.1-5)
Shimmer Width: Adjust the glowing section of the path (10-100%)
Path Width: Set stroke thickness (1-10px)
Glow Effect: Optional glow with custom color and blur
Loop Settings: Enable loop with delay and loop times (0 = infinite)
Bidirectional (1:1 only): Animate paths in both directions
Per-Connection Colors: Custom path colors per connection
Connection Indicators: Visual feedback on hover
Icon Size/Spacing: Adjustable icon dimensions and spacing
Available Controls
Start Icons Tab: Repeater for start icons (Icon Image, Title)
End Icons Tab: Repeater for end icons (Icon Image, Title)
Connections Tab: Repeater for custom connections (Start Index, End Index, Path Color)
Layout Tab: Orientation (horizontal/vertical), Canvas Height, Icon Size, Icon Spacing, Side Padding
Animation Tab: Default Path Color, Path Curvature (0-1), Animation Speed (0.1-5), Shimmer Width (%), Path Width (px), Glow Effect toggle, Glow Color, Glow Blur
Loop Settings Tab: Enable Loop toggle, Loop Delay (ms), Loop Times (0 = infinite)
Advanced Tab: Bidirectional (1:1 only) toggle
Full Width Image Slider with Gradient BG
A full-width slider where each slide has its own gradient background (linear or radial) and an image card with custom position, size, and padding. Features scale+fade exit animation.
Key Features
Per-Slide Gradient Backgrounds: Linear or radial with up to 4 colors per slide
Image Cards: Each slide has an image card with custom width, height, offset, and padding
Text Overlay: Title and subtitle with position (top/bottom) and offset controls
Exit Animation: Images scale up as they exit (1.0-1.5x)
Exit Duration: Control animation speed (200-2000ms)
Background Transition Duration: Smooth crossfade between slides (200-2000ms)
Autoplay: Optional with configurable interval (1000-15000ms)
Navigation Arrows: Optional with hover-only mode, custom size, color, background, border, offset
Navigation Dots: Optional with custom size, colors, offset
Full Styling: Card background color, border radius, box shadow, image fit
Text Styling: Title/subtitle colors, typography, gap between them
Available Controls
Slides Tab: Repeater for slides (Image, Title, Subtitle, Background Type (linear/radial), Angle (deg), Radial Center, Color 1-4, Card Width (px), Card Height (px), Horizontal Offset (vw), Vertical Offset (vh), Card Padding (px))
Slider Settings Tab: Slider Height (px/vh), Autoplay toggle, Autoplay Interval (ms), Show Arrows toggle, Show Dots toggle, Exit Scale Amount, Exit Duration (ms), Background Transition Duration (ms)
Style Tab – Image Card Style: Card Background Color, Card Border Radius, Box Shadow, Image Fit (cover/contain/fill)
Style Tab – Text Style: Text Alignment, Text Position (top/bottom), Text Offset (px), Title Color/Typography, Subtitle Color/Typography, Gap Between Title & Subtitle
Style Tab – Arrow Style: Arrow Button Size (px), Icon Color, Background, Border Color, Arrow Inset (px), Show Arrows on Hover Only toggle
Style Tab – Dots Style: Dot Color, Active Dot Color, Dot Size (px), Dots Offset from Bottom (px)
Gated Teaser Video
A video player that plays a preview for a set duration before showing a gate (overlay with CTA). Users must take action (click link, open modal, or login) to unlock the full video.
Key Features
Video Sources: YouTube, Vimeo, or self-hosted MP4
Preview Duration: Set how many seconds play before gating (5-600 seconds)
Two Gate Types: Hard Gate (pause + overlay) or Soft Gate (blur + mute)
Customizable Overlay: Icon, title, description, and CTA button
Button Actions: External link, open modal/popup (CSS selector), or WordPress login
Aspect Ratio Options: 16:9, 4:3, 21:9, 1:1, or 9:16
Full Styling: Video border radius, box shadow
Overlay Styling: Background color, blur amount (0-50px), padding
Icon Styling: Color, size, spacing
Title/Description Styling: Colors, typography, spacing
Button Styling: Normal/hover (text color, background), typography, padding, border radius, box shadow
Available Controls
Video Settings Tab: Video Type (youtube/vimeo/hosted), YouTube/Vimeo URL, Video File, Preview Duration (seconds), Gate Type (hard/soft), Aspect Ratio
Overlay Content Tab: Show Icon toggle, Icon, Overlay Text, Show Description toggle, Overlay Description
CTA Button Tab: Show Button toggle, Button Text, Button Action (link/modal/login), Link URL, Modal CSS Selector
Style Tab – Video: Border Radius, Box Shadow
Style Tab – Overlay: Background Color, Blur Amount, Padding
Style Tab – Icon: Color, Size, Spacing
Style Tab – Text: Title Color/Typography/Spacing, Description Color/Typography/Spacing
Style Tab – Button: Typography, Normal/Hover (Text Color, Background), Padding, Border Radius, Box Shadow
Glossy 3D Icon Buttons
macOS-style glossy 3D spherical buttons with specular highlights, ripple effects, and smooth hover animations. Perfect for social media or action icons.
Key Features
Glossy 3D Design: Spherical buttons with gradient shading and specular highlight
Color Presets: Red, yellow, green, blue, purple, pink, orange, cyan, or custom (4-color gradient)
Ripple Effect: Optional ripple animation on click
Entrance Animation: Optional staggered entrance animation
Hover Effects: Lift distance (0-30px) and scale (1-1.3x) with configurable transition duration
Customizable Specular Spot: Size (5-50%), color, and blur (0-10px)
Icon Color: Adjustable icon color (default rgba(0,0,0,0.4))
Button Size: Responsive button and icon size controls
Buttons Gap: Adjustable spacing between buttons
Alignment: Left, center, right, or justify
Per-Button Links: Optional URLs with external/nofollow options
Available Controls
Buttons Tab: Repeater for buttons (Icon, Link, Button Color (preset or custom with 4 gradient colors))
Settings Tab: Enable Ripple Effect toggle, Enable Entrance Animation toggle, Alignment
Style Tab – Button Style: Button Size (responsive), Icon Size (responsive), Icon Color, Buttons Gap
Style Tab – Specular Spot: Specular Size (%), Specular Color, Specular Blur
Style Tab – Hover Effects: Lift Distance, Scale Amount, Transition Duration
Heading with Animated Letters
A heading where each letter temporarily becomes an animated MP4 video icon, playing left-to-right, right-to-left, or randomly. Letters with no video assigned are skipped.
Key Features
Per-Letter Videos: Assign an MP4 video to each character in the heading
Animation Order: Left to right, right to left, or random
Trigger Options: On scroll into view, on page load, or on hover
Replay Option: Replay each time element enters viewport (scroll trigger only)
Adjustable Timing: Duration per letter (300-6000ms), gap between letters (0-1000ms), fade in/out duration (50-800ms)
Transform Effects While Animating: Scale (80-200%), translate X/Y (-80 to 80px), rotate (-45 to 45deg)
Easing Options: Spring (bouncy), ease, or linear
Video Frame Sizing: Custom width/height or auto-match letter size
Frame Border Radius: Rounded corners for video frames
Typography: Full typography and text color controls
Alignment: Left, center, or right
Available Controls
Letters Tab: Repeater for letters (Character, Animated Icon MP4), HTML Tag
Animation Tab: Letter Order (ltr/rtl/random), Trigger (scroll/load/hover), Replay Each Time in View toggle, Duration per Letter (ms), Gap Between Letters (ms), Fade In/Out Duration (ms)
Style Tab – Heading: Alignment, Typography, Text Color
Style Tab – Letter Transform While Animating: Scale (%), Translate X/Y (px), Rotate (deg), Easing (spring/ease/linear)
Style Tab – Video Frame: Icon Width (px, 0=auto), Icon Height (px, 0=auto), Border Radius
Hero Stacked Media
A hero section with stacked media items that animate out (fade, scale, and translate) to reveal full-height columns. Features 3D depth effect and staggered animations.
Key Features
Two-Phase Animation: Stacked cards fade out and scale down while full-height columns fade in
Up to 4 Media Items: Each item can be an image or self-hosted MP4 video
Per-Item Transformations: Individual rotation, translate X/Y for each stacked card
Video Autoplay: Optional autoplay for videos
Object Fit: Cover, contain, or fill for media
Background Heading: Large translucent text behind content
Overlay Content: Title, subtitle, and up to 2 buttons with primary/secondary styles
Dimmed Overlay: Optional dark overlay during transition
Trigger Options: Page load, scroll into view, or hover
Adjustable Timing: Animation delay (0-10000ms), stagger delay (0-2000ms), content appear delay (0-5000ms), animation duration (0.3-3s)
Scale Factor: Control how much cards scale down (1-5x)
Responsive Stack Size: Stack width and height per device
Item Border Radius: Round card corners
Full Styling: Background heading color/size, content alignment/position/padding, title/subtitle colors/typography, button colors/gap/padding/radius
Available Controls
Background Heading Tab: Show toggle, Heading Text, Color, Font Size
Stacked Media Items Tab: Repeater for items (Media Type (image/video), Image, Video File/URL, Rotation, Translate X/Y)
Stack Settings Tab: Stack Width (responsive), Stack Height (responsive), Item Border Radius, Object Fit
Animation Settings Tab: Animation Trigger (load/scroll/hover), Animation Delay (ms), Stagger Delay (ms), Animation Duration (s), Scale Factor
Overlay Content Tab: Show Overlay toggle, Title, Subtitle, Content Appear Delay (ms), Enable Dimmed toggle, Dimmed Color
Buttons Tab: Show Buttons toggle, Button 1/2 Text, Link, Style (primary/secondary)
Style Tab – Overlay Content: Alignment, Vertical Position, Content Padding
Style Tab – Title: Color, Typography, Font Size, Spacing
Style Tab – Subtitle: Color, Typography, Font Size, Spacing
Style Tab – Buttons: Button Gap, Buttons Alignment, Primary/Secondary Button (Background, Text Color), Common Settings (Typography, Padding, Border Radius)
Highlight Info (Hotspot)
Interactive image markers (hotspots) that display tooltips with information. Perfect for product features, diagrams, or interactive images.
Key Features
Marker Types: Dot only, icon only, text only, or icon + text
Marker Animations: None, pulse, wave, sonar, or soft beat
Sequenced Appearance: Markers appear one by one with configurable delay
Tooltip Trigger: Hover or click
Tooltip Animations: Fade, grow, swing, or slide
Customizable Tooltip Position: Per-marker top/bottom/left/right override
Tooltip Width: Per-marker custom width (100-500px)
Marker Links: Optional URL per marker (opens link instead of tooltip)
Responsive Positioning: Separate X/Y positions for desktop, tablet, mobile
Full Styling: Marker size, color, hover color, typography, icon size, box shadow
Tooltip Styling: Background, text color, typography, padding, border radius, box shadow, arrow toggle
Available Controls
Image Tab: Background Image, Image Size, Image Alignment
Info Markers Tab: Marker Animation, Sequenced Animation toggle, Sequence Duration (ms), Repeater for markers (Marker Type, Marker Text, Icon, Link URL, Tooltip Content, Custom Tooltip Settings toggle, Tooltip Position, Tooltip Width, X/Y Position responsive)
Info Popup Settings Tab: Show Popup On (hover/click), Popup Animation (fade/grow/swing/slide), Show Arrow toggle
Style Tab – Marker Style: Marker Size, Marker Color, Hover Color, Marker Text Typography, Icon Size, Box Shadow
Style Tab – Info Popup Style: Background Color, Text Color, Typography, Padding, Border Radius, Box Shadow
Highlighted Words in Text
Simple text widget that highlights specific words with a background color. Perfect for emphasizing keywords or phrases.
Key Features
Three-Part Text Structure: Before highlighted text, highlighted text, after highlighted text
Custom Highlight Color: Any color for the highlight background
Adjustable Highlight Padding: Control padding around highlighted text (em units)
Full Typography Control: Font size, weight, family, color, alignment
HTML Tag Options: H1-H6, div, p, or span
Available Controls
Content Tab: Before Highlighted Text, Highlighted Text, After Highlighted Text, HTML Tag
Style Tab – Highlight Style: Highlight Color, Highlight Padding
Style Tab – Typography: Text Typography, Text Color, Alignment
Icon Image Text Separator
A single-line separator with an optional icon, image, or text in the center. Perfect for “OR” dividers, decorative separators, or section breaks.
Key Features
Separator Styles: Solid, double, dotted, dashed, or groove
Adjustable Weight: Line thickness (1-20px)
Custom Color: Any color for the separator lines
Responsive Width: Separator width in % or px
Adjustable Gap: Space between lines and center element (0-100px)
Alignment: Left, center, or right
Center Element Options: Icon (with color/size), Image (with width/height/object fit), or Text (with typography)
Full Styling: Icon color, size, background, padding, border radius, border, box shadow
Image Styling: Width, height, object fit, border radius, border, box shadow
Text Styling: Color, typography, background, padding, border radius, border, box shadow
Available Controls
Separator Tab: Separator Style, Weight, Color, Width, Gap, Alignment
Center Element Tab: Enable Center Element toggle, Element Type (icon/image/text), Icon/Image/Text selection
Style Tab – Icon Style: Color, Size, Background, Padding, Border Radius, Border, Box Shadow
Style Tab – Image Style: Width, Height, Object Fit, Border Radius, Border, Box Shadow
Style Tab – Text Style: Color, Typography, Background, Padding, Border Radius, Border, Box Shadow
Icon Tooltip with Badge
Icon buttons that display tooltips with title and description on hover or click. Features badge notifications and glass morphism design.
Key Features
Icon Grid: Multiple icon buttons with labels
Tooltip on Hover/Click/Both: Configurable trigger type
Per-Icon Badges: Optional badge text (e.g., “Live”, “New”, “Beta”)
Tooltip Content: Title and description per icon
Glass Tooltip Design: Background with border radius and arrow
Close Button in Tooltip: X button to close tooltip (click trigger only)
Icon Label: Text displayed below each icon
Full Styling: Icon button size, icon size, icon color (normal/hover), background (normal/hover), border radius
Label Styling: Typography, color, spacing
Badge Styling: Typography, text color, background, padding, border radius, position (top/right offset)
Tooltip Styling: Background, padding, border radius, arrow color, title/description typography and colors, close button color
Available Controls
Icons Tab: Repeater for icons (Icon, Label, Show Badge toggle, Badge Text, Tooltip Title, Tooltip Description)
Icon Spacing Tab: Space Between Icons
Trigger Settings Tab: Trigger On (hover/click/both)
Style Tab – Icon Style: Icon Size, Button Size, Icon Color (normal/hover), Icon Background (normal/hover), Border Radius
Style Tab – Label Style: Typography, Color, Spacing
Style Tab – Badge Style: Typography, Text Color, Background, Padding, Border Radius, Position Top/Right
Style Tab – Tooltip Style: Background, Padding, Border Radius, Arrow Color, Title Typography/Color, Description Typography/Color, Close Button Color
Flip Box
A 3D flip card that reveals back content on hover, click, or button trigger. Features multiple flip effects, 3D depth, and full styling.
Key Features
Flip Effects: Flip, Flip Alternative, Slide, Push, Swap, Fade, Zoom In, Zoom Out, Zoom In-Out
Flip Directions: Left, right, up, or down
Trigger Options: Hover, click, or button
3D Depth: Optional enhanced 3D perspective
Front/Back Icons: Icon or image support on both sides
Back Button: Optional button with link on back side
Overlay on Flip: Optional overlay during transition
Adjustable Duration: Flip animation speed (100-3000ms)
Responsive Box Height: Set height in px, em, rem, vh, or %
Full Styling: Front/Back backgrounds (color, image, or gradient with angle), padding, border, border radius
Icon Styling: Size, color
Title/Description Styling: Typography, colors
Button Styling: Typography, colors, background, border, border radius, padding
Trigger Button Styling: Size, icon color, background (when trigger type is button)
Available Controls
Front Side Tab: Icon/Icon Image, Title, Description, Background Type (color/image/gradient), Background Color/Image, Gradient Colors (2) & Angle, Overlay Color
Back Side Tab: Icon/Icon Image, Title, Description, Button Text & Link, Background Type (color/image/gradient), Background Color/Image, Gradient Colors (2) & Angle
Settings Tab: Flip Effect, Direction, Trigger, Duration, 3D Depth toggle, Box Height, Show Overlay on Flip toggle
Style Tab – Front Side: Icon Size/Color, Title Typography/Color, Description Typography/Color, Padding, Border, Border Radius
Style Tab – Back Side: Icon Size/Color, Title Typography/Color, Description Typography/Color, Button Typography/Color/Background/Border/Border Radius/Padding, Padding, Border, Border Radius
Style Tab – Trigger Buttons: Button Size, Icon Color, Background (when trigger type is button)
Before & After Transformation Carousel
An animated carousel that visually transforms “before” items into “after” items through a center focal point. Left carousel scrolls items inward while the right carousel scrolls outward, with customizable center content (icon/image/video) acting as the transformation catalyst.
Key Features
• Dual synchronized carousels (left = “before”, right = “after”)
• Three item types: text, icon+text, or image+text
• Configurable scroll direction for each carousel independently
• Center content supports icons, images, or looping/reverse videos
• Edge fade effect for seamless transition between carousels and center
• Entrance animation triggers on page load or when section enters viewport
Available Controls
Left Carousel (Before)
• Item Type (Text / Icon+Text / Image+Text)
• Text content
• Icon (if icon type selected)
• Image (if image type selected)
• Repeater field for multiple items
Right Carousel (After)
• Same controls as Left Carousel
Center Content
• Content Type (Icon / Image / Video)
• Icon/Image/Video URL
• Video Play Mode (Loop / Reverse)
• Center Content Size (px/vw, responsive)
• Icon Size & Color
Carousel Settings
• Number of Rows (1-6)
• Left/Right Carousel Direction
• Scroll Speed (seconds per loop)
• Item Gap & Row Gap
• Edge Fade toggle & Fade Width
Entrance Animation
• Start Animation On (Page Load / Section Enters Viewport)
• Delay (ms)
Style Controls
• Left Pill: background, border, text color, typography, border radius, padding
• Right Pill: same options (default dark background)
• Center Box: background, border, border radius, box shadow
Calendar Button
A calendar popup/button widget for booking and appointment scheduling. Clicking a glass-style button opens a calendar popup with date selection, availability indicators, and custom action buttons per date.
Key Features
• Two button styles: icon-only or text+icon
• Calendar popup with month/year navigation
• Date availability management (available/unavailable)
• Per-date custom notes and action buttons
• Glass morphism styling on button and popup
• Slide/fade animations between calendar and detail views
• Stagger animation for calendar days
Available Controls
Button
• Button Type (Icon Only / Text + Icon)
• Button Text & Icon
• Alignment (left/center/right, responsive)
Calendar
• Show Year toggle
• Current Month (date picker)
• Slide Animation (Swipe / Fade)
Date Availability
• Show Legend toggle
• Repeater for Dates: Date picker, Status (Available/Unavailable), Note, Show Button toggle, Button Text & Link
Style Controls
• Button: typography, size, padding, border radius, colors (normal/hover), glass effect with blur
• Calendar Popup: width, padding, background, glass effect, blur, border radius, border, box shadow
• Calendar Header: typography, text color, margin
• Divider: color, height, width, margin
• Legend: typography, text color, available/unavailable dot colors, dot size
• Days: weekday typography & color, day number size & color, day hover background
• Detail Slide: typography, text color, spacing
• Detail Button: typography, padding, border radius, colors (normal/hover)
• Animation: stagger toggle & duration
Card Split on Scroll
A scroll-driven animation widget where a cover image/video splits into multiple cards as the user scrolls. Cards flip open in 3D, revealing content, and the animation reverses when scrolling back up.
Key Features
• Cover supports image, video, solid color, or gradient
• 2-3 cards that split from the cover on scroll
• Each card has independent background (solid/gradient/image/video)
• 3D flip animation with configurable easing and speed
• Customizable per-card content: icon, heading, description, image
• Per-card positioning (z-index, rotation) and content alignment
• Optional heading above or below the cards with fade-in animation
• Fully responsive cover dimensions
Available Controls
Cover Media
• Cover Type (Image/Video/Solid Color/Gradient)
• Media selection based on type
• Object Fit & Focal Point (for image/video)
• Width & Height (responsive, px/%/vw/vh)
• Border Radius
Cards
• Repeater with 2-3 cards default
• Per-card: Label (admin), Background Type, colors/gradient/image/video
• Content Alignment (horizontal & vertical)
• Show Icon toggle + icon selection
• Heading & Description text
• Optional Card Image
• Per-card colors (text, description)
• Z-Index & Rotation
Scroll & Animation
• Split Start & End thresholds (% from viewport bottom)
• Transition Speed (ms) & Easing
• Card Gap & Border Radius
Heading
• Show Heading toggle
• Heading Text, Position (above/below), HTML Tag
• Fade-in Duration
Style Controls
• Heading: typography, color, alignment, spacing
• Cards: heading & description typography, card padding, box shadow
Comparison Table
A feature-rich comparison table widget with multiple data sources (manual, posts, JSON/CSV, gallery). Supports plans/pricing tables with feature checkmarks, tooltips, and responsive mobile views.
Key Features
• Four data sources: manual, posts, JSON/CSV, gallery
• Manual plans with name, image, price, description, featured flag, button
• Repeater-based features with per-plan values (Yes/No/Custom text)
• Feature tooltips (question mark icon)
• Featured plan with special background (color/gradient/image)
• Responsive modes: horizontal scroll or vertical stack on mobile
• Checkmark and cross icons with custom colors
Available Controls
Data Source
• Source selection (Manual/Posts/JSON/Gallery)
Plans (Manual)
• Repeater: Plan Name, Image, Price, Description, Featured toggle, Button Text & Link
Features (Manual)
• Repeater: Feature Label, Tooltip text
• Per-plan values (Plan 1/2/3 Value: Yes/No/Custom) + Custom text field
Posts Query
• Post Type selection, Posts Per Page
JSON/CSV Data
• Textarea for JSON data
Gallery
• Gallery image picker
Settings
• Show Header toggle
• Mobile View (Horizontal Scroll / Stack Vertically)
Style Controls
• Table: width, background, border, border radius, box shadow
• Header: alignment, background, typography, text color, padding
• Featured Plan: background (color/gradient/image), text color
• Features: label alignment, value alignment, typography, text color, checkmark/cross colors
• Button: alignment, typography, colors (normal/hover), padding, border radius
Donation Button & Card
A donation widget designed for “Buy me a coffee” style support. Available in two styles: a trigger button that opens a popup card, or an inline card. Features image slideshow that changes when selecting donation tiers.
Key Features
• Two display modes: Popup (button + modal) or Inline card
• Trigger button with icon and customizable text
• Multiple donation tiers with amount, label, and URL
• Image slideshow tied to donation options (desktop/tablet/mobile responsive images)
• Glass morphism styling on outer card
• Selected/unselected state for donation option buttons
• Decline and Donate action buttons
Available Controls
Display Mode
• Style (Popup / Inline)
Trigger Button (Popup mode)
• Button Text & Icon
Card Content
• Title & Subtitle text
Donation Options
• Repeater: Amount Label, Sub-label, Donation URL
• Per-tier images for Desktop, Tablet, Mobile (optional)
Action Buttons
• Donate Button Text & Decline Button Text
Style Controls
• Outer Card: background, glass blur, border radius, padding, box shadow
• Inner Card: background, border radius, padding
• Element Spacing: title, subtitle, image, options
• Image Area: height, border radius, object fit
• Typography: title & subtitle colors and fonts
• Option Buttons: background (normal/selected), border, border radius, colors
• Action Buttons: donate/decline background, text color, border radius, typography
• Trigger Button: background, text color, border radius, padding, typography, box shadow
• Popup Overlay: color, blur
Fireworks Effect
A canvas-based fireworks animation widget that creates celebratory particle effects. Fireworks launch from the bottom and explode at configurable heights with various patterns and color schemes.
Key Features
• Multiple trigger modes: page load, scroll distance, element in viewport, click, hover
• Firework frequency options: burst clusters, steady stream, random intervals, single shot
• Launch patterns: random width, center spread, from edges, custom points
• Explosion timing: all together, staggered sequence, organic random
• Trajectory options: straight up, slight arc, dramatic curve
• Color schemes: multi-color random, single color, custom palette, gradient-based
• Particle styles: sparks, stars, circles, mixed shapes
• Trail effects: none, short fade, glowing tail
• Explosion size variations (small/medium/large/random/height-based)
• Duration modes: run once, timed duration, continuous
• Click interaction: pop early or add new fireworks
Available Controls
Trigger
• Trigger Mode, Scroll Distance, Trigger Once toggle
Animation Behavior
• Firework Frequency, Launch Pattern, Launch Points (custom), Explosion Timing, Trajectory
Positioning
• Min/Max Explosion Height (%), Horizontal Spread (full/centered/custom %), Z-Index Layer
Visual Customization
• Color Scheme, Single Color, Custom Colors (textarea), Gradient Start/End
• Particle Style, Trail Effect, Explosion Size
Duration & Lifecycle
• Duration Mode, Duration (seconds), Particles Per Explosion
Interaction
• Click Interaction (None / Click to Pop Early / Click Anywhere to Add)
Style
• Overall Opacity
Icons in Title
A widget that allows mixing text and icons within a title or heading. Icons can be placed anywhere in the title sequence with individual styling.
Key Features
• Mix text and icons in any order
• Per-icon size, color, rotation, vertical offset
• Icon background and border radius
• Hover animations for icons (bounce, spin, pulse, shake)
• Customizable HTML tag for the title wrapper
• Responsive alignment and spacing
Available Controls
Content
• Repeater: Type (Text/Icon), Text content, Icon selection
• Per-icon: Size (responsive), Color, Rotation, Vertical Offset, Background, Border Radius
• HTML Tag (h1-h6, div, span, p)
Style
• Alignment (left/center/right, responsive)
• Typography, Text Color
• Item Spacing
Icon Effects
• Hover Animation (None/Bounce/Spin/Pulse/Shake)
• Icon Box Shadow
Image Carousel
A comprehensive image carousel/slider widget with title support, navigation options, lazy loading, and lightbox functionality.
Key Features
• Carousel title with styling options
• Per-slide image title & description with position options (top-left/center/right, bottom-left/center/right)
• Link types: none, URL, attachment
• Navigation types: arrows, dots, timeline bars
• Click actions: none, lightbox detail popup, URL, attachment
• Slides per view responsive (desktop/tablet/mobile)
• Peek next slide option
• Left spacing before first slide
• Lazy loading support
• Start triggers: page load, on scroll, on interaction, page idle
• Autoplay with speed control
• Pause on hover/interaction
• Infinite loop, direction (LTR/RTL), transition speed
• Slide icon (optional) with rotation
• Image overlay with gradient support
• Image stretch and object fit options
Available Controls
Carousel Title
• Title text, alignment, spacing
Images
• Repeater: Image, Image Title (with position), Image Description (with position)
• Link Type & URL
Style: Navigation
• Spacing, Icon Size, Colors (normal/hover/active), Background on hover
Style: Lightbox
• Background, Content Padding, Close Button Color & Size, Description Typography
Slide Icon
• Enable toggle, Icon, Size, Color, Rotation
Carousel Settings
• Slides Per View (responsive), Peek Next Slide, Slides to Scroll
• Space Between Slides (responsive)
• Enable Left Spacing & Size
Image Styles
• Image Height (responsive), Stretch Images toggle, Object Fit
• Enable Overlay toggle, Overlay Background (gradient support)
• Border, Border Radius, Box Shadow, Image Size
Navigation
• Navigation Type, Prev/Next Icons, Alignment
Click Behavior
• On Click action
Behavior
• Lazy Load, Start Trigger, Pause on Hover/Interaction, Autoplay, Autoplay Speed, Direction, Infinite Loop, Transition Speed
Style: Title, Image Title, Image Description
• Typography, colors, text shadow, padding
Image Effects
A JavaScript-powered image effects widget that applies advanced visual filters and distortions to images. Effects are applied via canvas rendering.
Key Features
• 7 advanced effects: Holographic Foil, AI Glitch Dissolve, UV Neon Bloom, Thermal Vision, Pointillism Dots, CRT Scanline, Crystal Prism
• Global intensity control
• Animation speed control
• Effect-specific parameters (rainbow spread, block size, hue rotate, dot size, etc.)
• Border, border radius, and box shadow styling
• Responsive image width
Available Controls
Image
• Choose Image, Image Size, Alignment
Effect
• Effect Type (7 options)
• Intensity (0-100%)
• Animation Speed (0.1x-3x)
Effect-Specific Parameters
• Holographic Foil: Rainbow Spread, Gloss
• AI Glitch: Block Size, Glitch Frequency
• UV Neon Bloom: Hue Shift, Bloom Radius
• Thermal Vision: Palette (Ironbow/Rainbow/Hot Metal/Arctic), Pulse Animation toggle
• Pointillism: Dot Size, Breathing Animation toggle
• CRT Scanline: Phosphor Flicker toggle, Scanline Gap, Signal Noise
• Crystal Prism: Shard Count, Refraction Offset, Rotate on Hover toggle
Style
• Image Width (responsive), Border, Border Radius, Box Shadow
Images in Shapes
A widget that clips images into various CSS shapes using clip-path. Includes overlay and hover effects.
Key Features
• 28 shape presets (circle, triangle variants, hexagon, star, heart, diamond, egg, Pac-Man, talk bubble, TV screen, etc.)
• Responsive size control
• Rotation, flip horizontal/vertical
• Border styling with opacity control
• Overlay with blend mode support
• Hover effects: shape change, scale, transition duration
Available Controls
Content
• Choose Image, Shape Preset, Alt Text
Shape Settings
• Size (responsive, px/%/em/rem/vw), Rotation, Flip Horizontal/Vertical
Style: Border
• Border Type, Width, Color, Opacity, Box Shadow
Style: Overlay
• Overlay Type (None/Solid/Gradient), Color, Opacity, Blend Mode
Hover Effects
• Hover Shape, Hover Scale, Transition Duration
Images in Text
A typography effect widget that fills text characters with an image using CSS background-clip: text. Includes text effects like shadow, stroke, and glow.
Key Features
• Text content with image background fill
• Image position presets (9 positions)
• Image size options (cover/contain/auto)
• Text effects: drop shadow, stroke, glow, stroke-only
• Optional overlay with blend mode
• Link support on text
• Fallback color for non-supporting browsers
• Responsive text size
Available Controls
Text Content
• Text, Link URL
Image
• Choose Image, Image Position (9 options), Image Size (cover/contain/auto)
Style: Text Size
• Responsive text size (px/em/rem/vw)
Typography
• Typography (excluding font size), Alignment
Text Effects
• Effect type (None/Drop Shadow/Stroke/Glow/Stroke Only)
• Shadow: color, horizontal/vertical offset, blur
• Stroke: color, width
• Glow: color, size
Image Overlay
• Color, Blend Mode, Opacity
Fallback
• Fallback Text Color
Images in Title
A widget that inserts images between text characters in titles. Images can be sized, positioned, and styled individually.
Key Features
• Mix text and images in any order
• Per-image width/height control (responsive)
• Object fit options (cover/contain/fill/none)
• Per-image border radius and vertical offset
• Image hover animations (scale, float, rotate)
• Customizable HTML tag
• Responsive alignment and spacing
Available Controls
Content
• Repeater: Type (Text/Image)
• Text content
• Image: media picker
• Per-image: Width (responsive), Height (responsive), Object Fit, Border Radius, Vertical Offset
• HTML Tag
Style
• Alignment (responsive)
• Typography, Text Color
• Item Spacing
Image Effects
• Image Box Shadow
• Hover Animation (None/Scale/Float/Rotate)
Instagram Feed
An Instagram feed widget that supports both API (Business/Creator accounts) and manual data sources. Displays posts in grid or carousel layouts.
Key Features
• API source for Instagram Business/Creator accounts (requires Facebook Developer App)
• Manual source for self-populated posts (images/videos)
• Long-lived access token storage (server-side, not exposed in HTML)
• Cache duration control (10-1440 minutes)
• Two layouts: Grid (responsive columns) or Carousel (smooth infinite scroll)
• Card height control, border radius
• Caption display (top/bottom)
• Gradient overlay on cards
• Video support with autoplay (muted)
• Open links in new tab option
Available Controls
Source
• Data Source (API/Manual)
• Access Token, Posts Count, Cache Duration (API)
• Repeater for Manual Posts: Type (Image/Video), Image, Video URL, Thumbnail, Caption, Link
Layout
• Layout Type (Grid/Carousel)
• Grid: Columns (responsive), Gap
• Carousel: Card Width (responsive), Card Gap, Direction (Left/Right), Speed (seconds/loop), Fade Edges toggle & Fade Width, Pause on Hover
Card
• Card Height (responsive), Border Radius
• Show Caption toggle, Caption Position (Bottom/Top)
• Show Gradient Overlay toggle, Gradient Start/End Colors
• Open Link in New Tab toggle
• Video Autoplay toggle
Caption Style
• Typography, Color, Padding
Interactive Globe
A 3D interactive globe widget with location pins, view modes, and region navigation.
Key Features
• Two view modes: Dot Map (stylized) and Satellite
• Toggle buttons for view switching
• Auto-spin with pause button
• Region navigation arrow to cycle through pin regions
• Region badge display
• Location pins with title, subtitle, description, and region
• Click pins to open overlay info panel
• Responsive globe size (desktop/tablet/mobile)
• Customizable colors for dots, ocean, pins, overlay, badges
Available Controls
Globe Settings
• View Mode (Dot Map/Satellite)
• Show View Toggle Buttons
• Auto Spin toggle, Show Spin Toggle Button
• Show Region Navigation Arrow, Show Region Badge
Globe Size
• Desktop/Tablet/Mobile size (px)
Location Pins
• Repeater: Title, Subtitle, Description, Region Label, Latitude, Longitude
Dot Map Colours
• Dot Colour, Ocean Colours (inner/mid/rim)
Pin Colours
• Pin Border & Pulse Colour, Pin Glow/Halo Colour, Accent Colour
Overlay / Info Panel
• Overlay Background, Title/Button Colour, Description Text Colour, Badge Background
Interactive Oval Scrolling Menu
A circular rotating menu where items scroll horizontally in an oval pattern. Inactive items are angled while the active item is centered and prominent.
Key Features
• Horizontal oval scrolling animation
• Inactive items rotated (configurable angle)
• Active item centered with normal orientation
• Scroll direction (Right to Left / Left to Right)
• Configurable active state duration and transition speed
• Per-item icons and colors
• Link support per item
• Responsive item width/height, spacing
• Background with gradient support
Available Controls
Menu Items
• Repeater: Text, Link, Icon
• Per-item: Text Color Override, Icon Color Override
• Scroll Direction
Layout & Timing
• Active State Duration (ms)
• Scroll Animation (ms)
• Rotation Angle (deg, 0-45)
Style
• Typography
• Item Width & Height (responsive)
• Space Between Items
• Icon Size, Global Icon Color
• Active/Inactive Text Colors
• Background (classic/gradient), Border Radius, Padding
Interactive Vertical Menu 2
A vertical scrolling menu with icons that appear only on the active item. Features smooth vertical transitions and per-item styling.
Key Features
• Vertical scrolling animation (bottom-to-top or top-to-bottom)
• Icons appear only on active state
• Per-item icons
• Icon position (left or right of text)
• Configurable icon-text gap
• Per-item text and icon color overrides
• Link support per item
• Responsive item height, spacing
Available Controls
Menu Items
• Repeater: Text, Link, Icon
• Per-item: Text Color Override, Icon Color Override
• Scroll Direction (Bottom to Top / Top to Bottom)
Layout & Timing
• Active State Duration (ms)
• Scroll Animation (ms)
• Icon Position (Left/Right of Text)
• Icon-Text Gap
Style
• Typography
• Item Height (responsive)
• Space Between Items
• Icon Size, Global Icon Color
• Active/Inactive Text Colors
• Background (classic/gradient), Border Radius, Padding
• Content Alignment (Left/Center/Right)
Interactive Vertical Menu
A simple 3-item vertical carousel menu with a fixed icon. Items scroll vertically with smooth transitions.
Key Features
• 3-item vertical carousel (prev/current/next visible)
• Fixed icon next to the menu
• Scroll direction (bottom-to-top or top-to-bottom)
• Configurable active state duration and transition speed
• Link support per item
• Responsive item height, spacing
• Background with gradient support
Available Controls
Menu Items
• Repeater: Text, Link
• Scroll Direction
Layout & Timing
• Active State Duration (ms)
• Scroll Animation (ms)
Fixed Icon
• Icon selection, Size (responsive), Color, Spacing from menu
Style
• Typography
• Item Height (responsive)
• Space Between Items
• Active/Inactive Text Colors
• Background (classic/gradient), Border Radius, Padding
Job Lists
A job listing widget supporting manual entry, custom post type (pretpot_job), or external API. Features glass morphism styling, video/image backgrounds, and per-job pricing.
Key Features
• Three data sources: Manual, Job Posts (CPT), External API
• Job logo/image, title, description
• Price display with currency and period (hour/day/week/month/year)
• Price types: fixed amount or range
• Apply button with URL
• Background types: glass blur, solid color, image, video
• Video background with overlay
• Configurable spacing (item spacing, padding)
• API support with optional key and refresh interval
Available Controls
Data Source
• Source (Manual/Posts/API)
• Manual: Repeater with logo, title, description, price type (fixed/range), currency, period, button text/URL
• Posts: count, order by, order
• API: URL, API key, auto-refresh minutes
Background
• Background Type (Glass/Solid/Image/Video)
• Solid color, Image, Video URL, Video Overlay color
• Glass Blur amount
Spacing
• Space Between Jobs, Job Item Padding, Container Padding
Style
• Text Color, Secondary Text Color, Price Color
• Button Background & Text Color
• Border Color
Legal Notice Popup
A legal notice/compliance widget that requires users to scroll through content before accepting terms. Supports modal trigger or inline display.
Key Features
• Two display modes: Trigger button (modal) or Inline always visible
• WYSIWYG editor for legal content
• Scroll-to-enable checkbox (requires scrolling X% of content)
• Locked message display until scroll threshold reached
• Action button: redirect to URL or set cookie + show thank you message
• Custom cookie name and expiry
• Modal with backdrop and close button
• Progress bar showing scroll completion
• Extensive styling for all elements
Available Controls
Display Mode
• Mode (Trigger Button Modal / Always Visible Inline)
• Trigger Button Text & Icon
Legal Content
• WYSIWYG editor for notice content
Checkbox Settings
• Scroll to Enable toggle, Scroll Threshold (%)
• Checkbox Label, Alignment (Left/Center/Right)
• Locked Message
Action Button
• Button Action (Redirect / Set Cookie)
• Button Text
• Redirect URL
• Cookie Name & Expiry (days)
• Thank You Message
Widget Size
• Widget Width (responsive), Content Height
Style Controls
• Form Container: background, border, border radius, box shadow
• Content Text: text/heading/link colors, typography, padding
• Scroll Progress Bar: height, background, fill color
• Checkbox: size, border/background colors (unchecked/checked), checkmark color, label typography & color, locked message color, section padding
• Action Button: background, text color, typography, padding, border radius, box shadow
• Trigger Button: background, text color, typography, padding, border radius
• Thank You State: icon background & color, text color & typography
Linked Arrows
Navigation arrows that sync with other “Linked” widgets sharing the same Group ID (e.g., Linked Icons, Linked Images Grid, Linked Slider, Linked Tabs, Linked Titles). Enables synchronized navigation across multiple widgets.
Key Features
• Previous/next arrows
• Icon only, text only, or icon+text display
• Configurable total items and loop option
• Alignment control
• Styling with hover states
Available Controls
Arrows
• Group ID (syncs with other linked widgets)
• Total Items
• Loop toggle
• Alignment (responsive)
Previous Arrow
• Type (Icon/Text/Icon+Text)
• Icon & Text
Next Arrow
• Type (Icon/Text/Icon+Text)
• Icon & Text
Style
• Arrow Spacing
• Colors: normal/hover (background, text)
• Typography, Padding, Border Radius
Linked Icons
Icon navigation that syncs with other “Linked” widgets. Clicking an icon updates the active state across all widgets in the same group.
Key Features
• Repeater for multiple icons with labels
• Show/hide labels
• Active state styling (background, icon color, border)
• Group ID synchronization
• Alignment and spacing controls
Available Controls
Icons
• Repeater: Icon, Label
Settings
• Group ID
• Show Labels toggle
• Alignment (responsive)
• Spacing
Style
• Icon Size
• Normal/Active states: background, icon color, border
• Padding, Border Radius
• Label Typography
Linked Images Grid
Image grid that syncs with other “Linked” widgets. Clicking an image activates it across all widgets in the same group.
Key Features
• Responsive grid columns (1-6)
• Per-image alt text
• Normal/hover/active states with CSS filters, opacity, scale
• Optional overlay with normal/hover/active backgrounds
• Border and box shadow styling
Available Controls
Images
• Repeater: Image, Alt Text
Settings
• Group ID
• Columns (responsive)
• Column Gap, Row Gap
Style: Image Container
• Height, Object Fit, Border, Border Radius, Box Shadow
Image Effects
• Normal: opacity, CSS filters, scale
• Hover: opacity, CSS filters, scale, border color, box shadow, transition
• Active: opacity, CSS filters, scale, border color, box shadow
Overlay
• Show toggle, Background (normal/hover/active)
Linked Slider
Full-width slider that syncs with other “Linked” widgets. Supports images and videos, with title, description, and icon per slide.
Key Features
• Image or video slides
• Title and description per slide
• Optional icon with description
• Content position presets (9 positions)
• Autoplay with speed control
• Loop and transition speed
• Group ID synchronization
Available Controls
Slides
• Repeater: Media Type (Image/Video), Image, Video URL, Title, Description, Icon
Settings
• Group ID
• Autoplay toggle, Autoplay Speed
• Loop toggle, Transition Speed
Style: Slider Container
• Height, Background, Border, Border Radius, Box Shadow
Style: Media
• Width, Height, Object Fit, Border, Border Radius, Box Shadow
Style: Content Container
• Position (9 options), Width, Padding, Background, Border, Border Radius
Style: Icon
• Size, Color, Spacing, Padding, Background, Border, Border Radius
Style: Title & Description
• Typography, colors, spacing
Linked Tabs
Tab navigation that syncs with other “Linked” widgets. Each tab click updates the active state across the entire group.
Key Features
• Repeater for tabs with title and icon
• Layout: horizontal or vertical
• Alignment: left, center, right, justified
• Active state styling
• Group ID synchronization
Available Controls
Tabs
• Repeater: Title, Icon
Settings
• Group ID
• Layout (Horizontal/Vertical)
• Alignment (responsive)
• Spacing
Style
• Normal/Active: background, text color
• Typography, Padding, Border, Border Radius
Linked Titles
Text titles that sync with other “Linked” widgets. Clicking a title activates it across all widgets in the same group.
Key Features
• Repeater for titles with per-item HTML tag selection
• Layout: stacked (vertical) or horizontal
• Alignment control
• Clickable toggle
• Normal/hover/active states with colors, backgrounds, borders, shadows
• Group ID synchronization
Available Controls
Titles
• Repeater: Title, HTML Tag (h1-h6, div, span, p)
Settings
• Group ID
• Layout (Stacked/Horizontal)
• Alignment (responsive)
• Spacing
• Clickable toggle
Style
• Normal: typography, color, background, border, border radius, box shadow, text shadow, padding, margin
• Hover: color, background, border color, box shadow, transition
• Active: color, background, border color, box shadow
Liquid Metal Button
A button with an animated metallic shimmer effect that creates a liquid metal appearance. Features multiple metal color schemes (silver, gold, copper, custom) and configurable effect intensity.
Key Features
• Animated shimmer/reflection effect on button
• Three intensity levels (low/medium/high)
• Four metal color schemes or custom color
• Adjustable shimmer speed
• Icon support with left/right positioning
• Link support
• Full styling controls for text, icon, padding, border, border radius
Available Controls
Button Content
• Button Text, Icon, Icon Position (Left/Right)
• Link URL
Button Style
• Alignment (responsive)
• Border, Padding, Border Radius
• Typography, Text Color
Icon Style
• Icon Size, Spacing, Color
Liquid Metal Effect
• Effect Intensity (Low/Medium/High)
• Metal Color Scheme (Silver/Gold/Copper/Custom)
• Custom Metal Color
• Shimmer Speed (seconds)
Login Form with Social Login
A complete login form with email/password fields, remember me option, and social login buttons (Google/Facebook). Includes password visibility toggle with blur effect, AJAX login, and redirect options.
Key Features
• Email and password fields with customizable labels/placeholders
• Password visibility toggle with configurable blur intensity
• Remember me checkbox
• Google and Facebook login buttons with custom OAuth URLs
• AJAX form submission (no page reload)
• Redirect after login option
• Custom forgot password and signup URLs
• Full styling control for all elements
• Responsive container width
Available Controls
Form Content
• Form Title, Subtitle
• Email/Password labels and placeholders
• Button Text, Remember Me Text, Forgot Text
• Sign Up Text and Link Text
Social Login
• Enable/disable, Divider Text
• Google: Enable, Button Text, OAuth URL
• Facebook: Enable, Button Text, OAuth URL
Form Settings
• Redirect After Login URL
• Forgot Password URL, Sign Up URL
• Show Remember Me toggle
• Show Password Toggle toggle
Spacing
• Container width, padding
• Title/Subtitle spacing
• Social buttons spacing, Divider spacing
• Form fields spacing, Links spacing
• Button top spacing, Sign Up text spacing
Style Controls
• Container: background, border, border radius, box shadow
• Title/Subtitle: typography, color, margin
• Social Buttons: gap, typography, padding, border radius, colors (normal/hover per platform)
• Divider: line color, text color, typography, margin
• Input Fields: label/input typography, label spacing, input padding, border radius, colors (normal/focus)
• Password Toggle: icon size, blur intensity (normal/hover), blur transition, icon colors (normal/hover/active)
• Submit Button: typography, padding, border radius, colors (normal/hover), background (gradient support)
• Links: typography, colors (normal/hover)
• Remember Me: checkbox size, colors, typography
Lottie Animation
A widget for embedding Lottie JSON animations. Supports external URLs or uploaded JSON files with configurable animation triggers, playback settings, and styling.
Key Features
• Two sources: external URL or media file upload
• Trigger options: on viewport enter, on click, on hover, autoplay, scroll effect
• Play speed control (0.1x-3x)
• Loop with configurable repeat count
• Reverse playback option
• Start/end point percentages
• Renderer selection (SVG/Canvas)
• Viewport threshold for “on viewport” trigger
• Play once option
• Optional link wrapper
• Responsive width and alignment
Available Controls
Lottie Settings
• Source (External URL/Media File)
• Animation URL or JSON file upload
• Link URL
Animation Settings
• Trigger, Play Speed, Loop, Number of Times
• Reverse, Start Point, End Point, Renderer
Viewport Settings
• Viewport percentage, Play Once toggle
Style
• Alignment, Width, Max Width
• Opacity, CSS Filters
Marquee
A horizontal scrolling marquee for text, icons, or images. Supports continuous treadmill mode or fixed ribbon mode, with fade edges and hover controls.
Key Features
• Three item types: text, icon, image
• Direction: left or right
• Speed control (1-100 seconds)
• Gap between items
• Continuous mode (treadmill) or fixed ribbon
• Fade edges with custom color and opacity
• Pause on hover
• Reverse on hover
• Per-item link support
• Per-item icon/image size control
Available Controls
Marquee Items
• Repeater: Type (Text/Icon/Image)
• Text content, Icon selection, Image selection
• Per-item: Icon Size, Image Width/Height
• Link URL
Settings
• Direction, Speed, Gap
• Pause on Hover, Reverse on Hover
• Continuous Mode toggle
• Fade Edges toggle, Fade Color, Fade Opacity
Style: Items
• Typography, Text Shadow
• Padding, Color, Background, Border Radius
Style: Container
• Height, Background, Padding
Menu Schema (Restaurant)
A structured data widget that outputs JSON-LD schema markup for restaurant menus. The schema is injected into the page head or footer for SEO purposes.
Key Features
• Outputs Schema.org Menu markup
• Configurable Schema ID
• Output location: head or footer
• Menu name and URL
• Cuisine type
• Repeater for menu sections and items
• Per-item: name, description, price, currency
• No visible frontend output (schema only)
Available Controls
Schema Settings
• Schema ID, Output Location (Head/Footer)
Menu Data
• Menu Name, Menu URL, Cuisine Type
Menu Sections & Items
• Repeater: Section Name, Item Name, Description, Price, Currency
Mix Font Heading
A heading widget that allows different typography settings for each word or phrase within the same heading. Each part can have its own font, size, weight, color, and line break control.
Key Features
• Repeater for heading parts (text segments)
• Per-part typography using Elementor’s Group Control
• Per-part text color
• Line break after any part
• Configurable HTML tag
• Responsive alignment (flexbox)
• Overall line height control
• Spacing between parts
Available Controls
Content
• Repeater: Text, Typography (full group control), Color, Line Break After toggle
• HTML Tag
• Alignment (responsive)
Heading Style
• Spacing Between Parts (responsive)
• Overall Line Height (responsive)
Mix Media Clockwise Carousel
A circular carousel that rotates media items (images/videos) in a clockwise or counter-clockwise direction. Items are positioned in a circle with configurable overlap and spacing.
Key Features
• Image or video media items
• YouTube, Vimeo, or self-hosted video support
• Auto-preview mode for videos (plays without opening)
• Direction: clockwise or counter-clockwise
• Autoplay with configurable speed
• Loop option
• Pause on hover
• Configurable media size and spacing (negative values for overlap)
• Tagline, heading, and button content overlay
• Responsive viewport height
• Full styling for all elements
Available Controls
Media Items
• Repeater: Type (Image/Video)
• Image selection
• Video: source (YouTube/Vimeo/Hosted), URL, Auto Preview toggle, Thumbnail
Content
• Show Tagline toggle, Tagline Text
• Show Heading toggle, Heading Text, HTML Tag
• Show Button toggle, Button Text, Link
Carousel Settings
• Direction, Autoplay, Speed, Pause on Hover, Loop
Layout
• Viewport Height (responsive), Media Size (responsive), Media Spacing (allows negative overlap), Content Spacing
Style Controls
• Widget Background
• Tagline: color, typography, opacity
• Heading: color, typography, opacity, max width
• Button: typography, colors (normal/hover), background (gradient support), padding, border, border radius, opacity
• Media Items: border, border radius, box shadow, opacity
Multi Selection Product (WooCommerce)
A WooCommerce product carousel widget that displays products across multiple rows (carousels). Users can select one product from each row, and a single button adds all selected products to cart.
Key Features
• Multiple carousel rows (each row is an independent product carousel)
• Two source types per row: manual product selection or product category
• Configurable order by and limit for category sources
• Horizontal carousel navigation (prev/next buttons)
• Stagger animation for carousel appearance
• Product image, size labels display (for variable products)
• Dynamic title display showing selected product names
• Single button adds all selected products to cart via AJAX
• Cart fragments update after adding
• Responsive image sizing
Available Controls
Carousel Rows
• Repeater: Source Type (Manual/Category)
• Manual: Product selector (multiple)
• Category: Product Category, Order By (Recent/Random/Title/Price/Popularity), Product Limit
Button Settings
• Button Text Prefix
Animation Settings
• Enable Stagger, Stagger Delay (ms), Fade Duration (ms)
Spacing
• Between Carousels, Titles Top Spacing, Button Top Spacing
Style Controls
• Product Image: width (responsive), border radius
• Navigation Arrows: button size, icon size, icon color, stroke width, background, border, border radius, box shadow, opacity (normal/hover)
• Size Labels: typography, color, top spacing
• Product Titles: typography, color, alignment
• Button: typography, background, text color, padding, border radius, alignment
Multicolor Heading
A heading widget that applies different colors (solid or gradient) to specific words or phrases within the text. Supports gradient colors with configurable direction.
Key Features
• Full heading text input
• Repeater for colored words/phrases (case-sensitive matching)
• Per-word color type: solid or gradient
• Gradient with two colors and direction control
• Optional icon (left or right) with size, spacing, color
• Link support on entire heading
• Configurable HTML tag
• Blend mode support
• Text shadow
Available Controls
Content
• Heading Text, HTML Tag, Link URL
Color Words
• Repeater: Word/Phrase, Color Type (Solid/Gradient), Color, Gradient Color 2, Gradient Direction
Icon
• Show Icon toggle, Icon selection, Icon Position (Left/Right)
• Icon Size (responsive), Icon Spacing, Icon Color
Style
• Alignment (responsive), Typography, Default Text Color
• Text Shadow, Blend Mode
Multidirection Media Reveal
A media reveal widget where an image or video is unveiled from a chosen direction (left, right, top, bottom) using a wipe/progress bar animation. Includes a progress bar showing reveal completion.
Key Features
• Image or self-hosted video media
• Four reveal directions: left, right, top, bottom
• Trigger options: on viewport enter, page load, hover, click
• Configurable duration, delay, easing
• Replay each time in viewport option
• Progress bar (top or bottom) with fill and track colors
• Optional link on images
• Object fit and position controls
• CSS filters and opacity after reveal
Available Controls
Media
• Media Type (Image/Video)
• Image selection, Video URL
• Video Autoplay, Loop, Muted
• Alt text, Link URL
Reveal Settings
• Reveal Direction, Trigger, Duration (ms), Delay (ms)
• Easing (multiple options including custom bezier)
• Replay Each Time in Viewport toggle
Progress Bar
• Show Progress Bar, Position (Top/Bottom)
• Bar Height, Fill Color, Track Color
Style: Container
• Width, Height, Alignment
• Reveal Overlay Color
• Border, Border Radius, Box Shadow
Style: Media
• Object Fit, Object Position
• CSS Filters, Opacity (after reveal)
Multilayer 3D Parallax Cards
A 3D card stack widget with layered depth and parallax effects. Cards can be navigated via dots or swipe, with optional autoplay. Features shimmer effects and 3D animations.
Key Features
• Image or self-hosted video cards
• Card navigation: dots, swipe, autoplay
• 3D animation types: sway (back & forth) or orbit (full rotation)
• Configurable tilt angle and animation duration
• Parallax depth for title and badge elements
• Shimmer effect (linear or radial) with intensity control
• Badge with icon and text
• Title with position (top/bottom) and offset controls
• Aspect ratio presets (1:1, 3:4, 4:3, 9:16, 16:9) or custom
• Play button overlay for videos
• Pause on hover for 3D animation
Available Controls
Cards
• Repeater: Type (Image/Video)
• Image or Video URL
• Video: Autoplay, Muted, Loop, Show Play Button toggle
• Title, Link URL
• Badge Text, Badge Icon, Icon Position (Before/After)
Navigation
• Show Navigation Dots, Enable Swipe
• Autoplay, Autoplay Delay
3D Animation
• Enable 3D Effect, Animation Type (Sway/Orbit)
• Animation Duration, Tilt Angle
• Title Parallax Depth, Badge Parallax Depth
• Pause on Hover
Style Controls
• Card Container: aspect ratio, custom width/height, border, border radius, box shadow
• Title: position, offset (X/Y), color, typography, text shadow
• Badge: position, background, color, typography, border, border radius, padding
• Shimmer Effect: type (none/linear/radial), colors, intensity
• Navigation Dots: color (normal/active), size
• Play Button: color, background, size
Multiple Images Column
A widget that stacks multiple images with individual positioning, sizing, rotation, and styling. Images can be layered with z-index and brought to front on click.
Key Features
• Repeater for unlimited images
• Per-image: width, height, position (X/Y), rotation
• Object fit control per image
• Per-image border, border radius, box shadow, opacity, CSS filters, blend mode
• Per-image z-index and custom CSS class
• Link support per image
• Container height and alignment control
• Click to bring image to front
• Hover effects: scale, lift, glow
• Configurable transition speed
Available Controls
Images
• Repeater: Image, Link URL
• Size & Position: Width, Height, Position X, Position Y, Rotation, Object Fit
• Style: Border, Border Radius, Box Shadow, Opacity, CSS Filters, Blend Mode
• Advanced: Z-Index, Custom CSS Class
Container
• Container Height (responsive), Alignment
• Background Color
Animation
• Click to Bring Front toggle
• Hover Effect (None/Scale/Lift/Glow)
• Transition Speed (ms)
Hover Style
• Hover Opacity, Brightness, Box Shadow, Border Color
Nav Menu 2 (Advanced Nav Menu 2)
A vertical overlay navigation menu that slides in from the left or right when a trigger button is clicked. Features WordPress menu or custom menu support, feature image, and social icons.
Key Features
• Trigger button with text and icon (customizable open/close icons)
• Panel slides in from left or right
• Two menu sources: WordPress menu or custom repeater menu
• Feature image display in panel
• Social icons with custom links
• Fully responsive alignment for trigger icon, text, and menu items
• Close button with icon
• Overlay backdrop
• Per-menu-item icons (custom menu only)
Available Controls
Trigger Button
• Button Text, Button Icon, Close Icon
Menu Source
• Source (WordPress Menu / Custom Menu)
• WordPress Menu: select from existing menus
• Custom Menu: repeater with Text, Link, Icon
Menu Panel Settings
• Panel Width (responsive), Panel Position (Left/Right)
Feature Image
• Enable toggle, Image selection
• Image Width, Alignment
Social Icons
• Enable toggle, Repeater for Icon and Link
• Social Alignment
Spacing
• Between Menu Items, Image Spacing (Top)
• Social Icons Spacing (Top), Between Social Icons
Style Controls
• Trigger Button: typography, icon size, icon/text alignment, colors (normal/hover), padding, border, border radius
• Menu Panel: background, padding, box shadow
• Menu Items: typography, alignment, colors (normal/hover), padding
• Feature Image: border, border radius, box shadow
• Social Icons: icon size, colors (normal/hover), background, padding, border, border radius
Onboarding Cards
A multi-card onboarding/widget slider that guides users through steps or features. Three distinct visual styles with navigation controls and close functionality.
Key Features
• Three card styles: Vertical Split (media + content), Badge Style, Horizontal Split
• Image or video support per card
• Style 3 includes media label overlay
• Navigation: Previous/Next buttons and dot indicators (Style 1)
• Progress bar (Style 3)
• Close button with optional cookie remember state
• Responsive card sizing (width, height)
• Configurable spacing for all elements
Available Controls
Cards Content
• Card Style (Style 1: Vertical Split / Style 2: Badge Style / Style 3: Horizontal Split)
• Repeater: Image/Video, Heading, Description, Media Label (Style 3 only)
Close Button
• Show Close Button, Close Icon
• Remember Closed State toggle, Cookie Duration (days)
Card Sizing
• Card Width (responsive), Card Height (responsive)
• Media Height for Style 1
Spacing
• Content Padding, Heading Bottom Spacing
• Description Bottom Spacing, Button Spacing (Style 1)
Typography
• Heading, Description, Button Text
Colors
• Heading Color, Description Color
• Card Background, Media Background
• Badge Background (Style 2), Content Background (Style 3)
Buttons (Style 1)
• Previous/Next button backgrounds, text colors, hover states
Close Button Style
• Button Size, Background, Icon Color, Position
Open Dialog Button
A modal popup widget triggered by a button click or auto-open on page load. Features a centered modal with zoom-in animation, header, description, divider, and action buttons.
Key Features
• Trigger button with optional icon (or auto-open without button)
• Auto-open with configurable delay (seconds)
• Modal with zoom-in animation and backdrop overlay
• Header text, description text
• Customizable divider (width, style, color, gap)
• Action buttons (max 2) with primary/secondary types
• Buttons support links with external/nofollow options
• Close button (×) in modal
• Full styling for all elements
Available Controls
Trigger Button
• Show Trigger Button toggle
• Button Text, Show Icon toggle, Icon selection
• Icon Position (Left/Right), Icon Spacing
• Auto Open on Page Load toggle, Auto Open Delay (seconds)
Popup Content
• Header Text, Description
• Divider: Width (%), Style (Solid/Dashed/Dotted/Double), Color, Gap
Action Buttons
• Show Action Buttons toggle
• Repeater (max 2): Button Text, Link URL, Type (Primary/Secondary)
Style Controls
• Trigger Button: typography, padding, colors (normal/hover), border, border radius, alignment
• Popup: width, background, border radius, backdrop color
• Header: typography, color, alignment, padding
• Description: typography, color, alignment, padding
• Action Buttons: padding, border radius, typography, colors (primary/secondary normal/hover), gap, alignment
Opening Times
A business hours display widget with configurable days, times, closed status, and highlight options. Features stagger animation and full styling control.
Key Features
• Title and description with alignment options
• Optional image with responsive sizing
• Repeater for hours list with day label, hours text, closed toggle, highlight toggle
• Auto-highlight current day option
• Custom closed text
• Button with link and multiple style options (solid/outline/ghost)
• Stagger animation for elements
• Full spacing controls between elements
• Glass/blur styling support
Available Controls
Content
• Show Title, Title text, Alignment, HTML Tag
• Show Description, Description text (WYSIWYG), Alignment
Image
• Show Image, Image selection
• Width, Height, Object Fit (responsive)
• Alignment, Border Radius
Opening Hours
• Show Hours Heading, Heading text, Alignment, HTML Tag
• Hours List Repeater: Day Label, Hours Text, Closed toggle, Highlight toggle
• Hours Alignment, Closed Text, Auto-Highlight Current Day toggle
Button
• Show Button, Button Text, Link
• Button Alignment
Style Controls
• Container: width, padding, background (color/gradient), border, border radius, box shadow
• Title: color, typography, divider (color, width)
• Description: color, typography
• Hours Heading: color, typography
• Hours List: day label color/typography, hours text color/typography, closed text color, highlight background, row border (color/style), row padding
• Button: style (solid/outline/ghost), colors (normal/hover), typography, padding, border radius
Spacing
• Title to Description, Description to Image, Image to Hours Heading (or Description to Hours Heading), Hours Heading to List, List to Button
• Day to Time Gap (responsive)
Animation
• Enable Stagger Animation, Base Delay, Stagger Amount, Duration, Easing
Payment Method Popup Button
A floating button that opens a glass-styled popup displaying payment method options. Features location text, price display, and configurable payment methods.
Key Features
• Floating trigger button with icon
• Glass-styled popup with backdrop blur
• Location text display
• Title and description
• Price display with prefix
• Repeater for payment methods (icon, name, custom colors, link)
• Configurable button size, border radius, colors
• Popup glass styling with backdrop blur
Available Controls
Content
• Location Text, Popup Title, Popup Description
• Price Prefix, Price Amount
• Methods Section Title
Payment Methods
• Repeater: Method Name, Icon, Icon Background, Icon Color, Link URL
Trigger Button
• Button Icon
Style Controls
• Trigger Button: size, border radius, background (normal/hover), icon color (normal/hover), box shadow
• Popup: background, backdrop blur, border radius, box shadow, padding
• Typography: location text, title, description, price, methods title (colors and typography)
• Payment Methods: item background (normal/hover), border radius, icon size, label typography & color
• Overlay: background, backdrop blur
Person Schema
A structured data widget that outputs JSON-LD schema markup for Person entities. Injects schema into page head or footer for SEO purposes.
Key Features
• Schema.org Person markup
• Configurable Schema ID
• Output location: head or footer
• Person name, job title, image, email
• Repeater for social URLs (sameAs)
• No visible frontend output (schema only)
Available Controls
Schema Settings
• Schema ID, Output Location (Head/Footer)
Person Data
• Name, Job Title, Image, Email
Social Links
• Repeater: URL
Photo & Video Grid Swap
A grid widget that displays mixed image and video content with an automatic swapping animation between items.
Key Features
• Mixed image and video media items
• YouTube, Vimeo, or self-hosted video support
• Auto-preview mode for videos
• Staggered entrance animation
• Automatic swap animation (rotates items on interval)
• Click action: popup lightbox
• Glass-style buttons
• Play icon overlay for videos
• Responsive grid layout (columns, gap, item height)
• Popup with configurable blur
Available Controls
Content
• Heading, Subheading, Button Text
Media Items
• Repeater: Type (Image/Video)
• Image selection
• Video: source (YouTube/Vimeo/Hosted), URL, Thumbnail
Video Options
• Show Play Icon toggle, Enable Video Preview toggle
Layout
• Columns (responsive), Grid Gap, Item Height (responsive), Grid Padding
Animation
• Enable Staggered Animation, Enable Swap Animation, Swap Interval (seconds)
Click Behavior
• On Click (Popup/None), Popup Blur (px)
Style Controls
• Heading: color, typography, alignment, spacing
• Subheading: color, typography, alignment, spacing
• Grid Items: border radius, box shadow, border
• Button: style (glass/solid), colors (normal/hover), glass blur, typography, padding
• Play Icon: color, background, size
Popup (Accordion-Style)
An accordion-style popup widget that expands from a trigger bar (upwards or downwards) to reveal rich content. Supports headings, images, videos, WooCommerce products, blog posts, and buttons.
Key Features
• Trigger bar with left text, main label, icon, and divider
• Popup opens upward or downward with entrance animations (fade, slide-left, slide-right, roll-out)
• Repeater for multiple content items
• Content types: heading, image, video (YouTube/Vimeo/hosted), WooCommerce product, blog post, button
• Video expand to fullscreen on click option
• Configurable popup width, height, padding
• Close button in header
• Header divider option
• Full styling for trigger and popup
Available Controls
Trigger (Closed State)
• Left Text, Main Label
• Show Icon toggle, Icon, Show Divider toggle
Popup Settings
• Open Direction (Upwards/Downwards)
• Entrance Animation (Fade/Slide Left/Slide Right/Roll Out)
• Popup Width (responsive), Max Height (responsive), Padding
• Show Header Divider toggle
Popup Content
• Repeater for content items with type selection
• Heading: text, HTML tag, typography, color, alignment
• Image: media, width, border radius, border, box shadow
• Video: source (YouTube/Vimeo/hosted), URL, autoplay, expand to fullscreen, play icon size/icon, width
• WooCommerce Product: product selector, show image/title/description/price/button toggles
• Blog Post: post selector, show featured image/title/excerpt/view more button, button text
• Button: text, link, typography, background/text colors, padding, alignment
Style Controls
• Trigger: typography, text color, background, padding, icon size/color, divider color/weight
• Popup Overlay: background, opacity, border, border radius, box shadow
• Popup Header: typography, text color, padding, close button size/color, divider color/weight
Preview Webpages in Iframe
A widget that displays websites inside device mockups (iPhone, Tablet, Laptop, Desktop) with a glass navigation bar.
Key Features
• Four device types: iPhone 17, Samsung Tablet, Laptop, Desktop
• Fixed URL or user-input URL source
• Device-specific sizing with scale controls (small/medium/large/custom)
• Glass navigation bar with back, refresh, and URL display
• Loading spinner
• Configurable bar width and height per device
• Sandboxed iframe for security
• Responsive design
Available Controls
Content
• URL Source (Fixed/User Input)
• Fixed URL, Input Placeholder
• Device Type
Device Size
• Size Type (Small/Medium/Large/Custom)
• Custom Scale (%)
Spacing
• Bar to Device Spacing
Glass Navigation Bar
• Show Glass Bar, Show Back Button, Show URL Display, Show Refresh Button
• Bar Width per device (responsive), Bar Height per device
Loading
• Show Loading Spinner, Spinner Color
Style Controls
• Widget: background, border, border radius, padding, box shadow
• Glass Bar: background, border color, blur amount, padding, border radius
• Navigation Buttons: size, icon size, colors (normal/hover), background, border, box shadow, border radius
• URL Display: typography, color, margin
• URL Input (user input mode): typography, colors (normal/focus), background, border, padding, border radius
Pricing Card Style 1
A pricing card widget with badge, title, description, pricing toggle (monthly/yearly), features list with “see more” functionality, and customizable button.
Key Features
• Badge with text and styling
• Title and description
• Pricing toggle between two options (e.g., Monthly/Yearly)
• Sale price option (strikethrough)
• Button with icon and separate links per toggle option
• Features list with title and per-feature icons
• “See more” functionality with configurable visible count and custom texts
• Card alignment, padding, background, border, border radius, box shadow
• Full styling for all elements
• Spacing controls between all card sections
Available Controls
Badge
• Badge Text, Show Badge toggle
Header
• Title, Description
Pricing Toggle
• Show Toggle, Label 1, Label 2, Default State
• Price 1, Sale Price 1, Price 2, Sale Price 2
Pricing (No Toggle)
• Price, Sale Price
Button
• Button Text, Link (Default/Label 1), Link for Label 2, Icon
Features
• Features Title
• Enable See More toggle, Initially Visible Features, See More Text, See Less Text
• Repeater: Feature Text, Icon
Style Controls
• Card: alignment, padding, background, border, border radius, box shadow
• Spacing: badge, header, toggle, price, button, features title, features item, see more
• Badge: background, text color, typography, border, border radius, padding, top offset
• Title: color, typography, margin
• Description: color, typography, margin
• Toggle Switch: pill background, active pill color, text colors, typography, border radius, margin
• Price: price color/typography, sale price color/typography, margin
• Button: background, text color, typography, padding, border radius
• Divider: width, thickness, color, margin
• Features Title: color, typography, margin
• Features List: icon color, icon size, text color, typography, items gap
• See More Link: color, typography
Printer Effect Media Style 1
A thermal printer-style media showcase with bento grid layouts. Content “prints” out of a printer housing with animated receipt paper effect.
Key Features
• Printer housing with slot animation
• Two layout styles: Single Image or Bento Grid (2-column)
• Content source: WooCommerce product or custom images
• Receipt-style paper with texture and curl effect
• Staggered print animation (title, media, description, price, button, barcode)
• Configurable print speed, delay between prints, scroll trigger point
• Barcode display
• Footer text
• Full styling for printer housing, receipt, and all content elements
Available Controls
Content Source
• Source (WooCommerce Product / Custom Images)
• Product ID selection (WooCommerce)
• Custom images based on layout style
Layout
• Layout Style (Single Image / Bento Grid)
• Image Height, Main Image Height, Side Images Height (responsive)
Content
• Custom Title (if custom source)
• Description Line 1, Description Line 2
• Show Custom Field toggle, Field Label, Field Value
• Show Price toggle, Price Label
• Show Button toggle, Button Text, Link
• Show Barcode toggle, Barcode Text
Printer Settings
• Print Speed (seconds), Delay Between Prints (seconds)
• Scroll Trigger Point (%), Receipt Spacing
Style Controls
• Printer Housing: printer width, slot color
• Receipt: background, title typography/color, body typography/text color, paper wrinkle effect opacity
• Button: button color, text color
• Footer: show toggle, text, typography, color
Pro Before and After Slider 1
A before/after image comparison slider with draggable handle, labels, and autoplay option.
Key Features
• Before and after images
• Drag, click, or both interaction modes
• Configurable starting position
• Autoplay once with configurable delay and duration
• Animation duration and easing for click-to-slide
• Labels (Before/After) with show/hide
• Customizable handle icon
• Container border radius and box shadow
• Full styling for divider line, handle, and labels
Available Controls
Images
• Before Image, After Image
Slider Settings
• Starting Position (%), Interaction Mode (Drag/Click/Both)
• Enable Autoplay Once toggle, Autoplay Delay (ms), Autoplay Duration (ms)
• Animation Duration (ms), Easing Function
Labels
• Show Labels toggle, Before Label, After Label
Style Controls
• Container: height, border radius, box shadow
• Divider Line: line width, color, box shadow
• Handle: icon, size, icon size, background color, icon color, border, border radius, box shadow
• Labels: typography, text color, background, padding, border radius
Pro Scroll Up Button
A floating scroll-to-top button with glass morphism styling and optional progress ring that fills as the user scrolls.
Key Features
• Circular button with configurable icon
• Position: left or right, top/middle/bottom vertical alignment
• Progress ring showing scroll percentage
• Two trigger types: page scroll (px offset) or section selector (CSS selector)
• Glass background with configurable blur
• Hover styling
• Z-index control
Available Controls
Content
• Icon
• Position Side (Left/Right)
• Vertical Alignment (Top/Middle/Bottom)
• Show Progress Ring toggle
• Trigger Type (Page Scroll PX / Section Trigger)
• Scroll Offset (px), Section CSS Selector
• Z-Index
Style: Button
• Button Size, Icon Size
• Glass Background Color, Blur Amount
• Icon Color
• Border, Border Radius, Box Shadow
Style: Progress Ring
• Progress Color, Ring Background Color, Ring Thickness
Positioning
• Offset Bottom/Top/Side (responsive)
Hover
• Background Color Hover, Icon Color Hover, Box Shadow Hover
Pro Slider 1
A full-background slider with single media per slide. Supports image or video backgrounds with overlay and entrance animations.
Key Features
• Image or video backgrounds per slide
• Background animations: none, fade, slide (up/down/left/right), zoom (in/out), Ken Burns
• Background overlay color per slide
• Heading, subheading, description, and button per slide
• Autoplay with speed control
• Animation speed control
• Show/hide arrows and progress indicator
• Progress types: dots, progress bar, numbers
• Loop option
• Content alignment (horizontal & vertical)
• Responsive slider height
Available Controls
Slides
• Repeater: Background Type (Image/Video), Background Image, Background Video, Video Fallback Image
• Background Animation, Background Overlay
• Heading, Sub Heading, Description
• Button Text, Button Link
Slider Settings
• Autoplay, Autoplay Speed (ms)
• Animation Speed (ms)
• Show Arrows, Show Progress Indicator
• Progress Type (Dots/Bar/Numbers)
• Loop
Layout
• Content Alignment (left/center/right), Content Vertical Position (top/middle/bottom)
• Slider Height (responsive)
• Spacing controls: after heading, sub heading, description, button
Style Controls
• Heading: typography, color, text shadow
• Sub Heading: typography, color
• Description: typography, color, max width
• Button: typography, colors (normal/hover), padding, border radius
• Arrows: size, color, background, backdrop blur, border radius
• Progress Indicator: active/inactive colors, size (dots/bar)
Product Card 1
A product card widget with two styles (overlay gradient and separate card) and a glass modal popup for product details.
Key Features
• Two card styles: Overlay (gradient on image) and Separate (card background)
• Product source: manual or WooCommerce product
• Badge text
• Button action: open modal or go to product page
• Modal with gallery images, quantity selector, price, add-to-cart and checkout buttons
• Modal glass styles: heavy blur, medium blur, light blur, solid dark, blue tinted, frosted white
• Configurable card height and image height
• CSS custom properties for styling
Available Controls
Product Data
• Product Source (Manual/WooCommerce)
• WooCommerce Product ID, or Manual: Title, Description, Price, Image, Gallery Images, Product ID
Card Settings
• Card Style (Overlay/Separate)
• Badge Text, Button Text
• Button Action (Modal/Product Page), Product Link
Card Sizing
• Card Height (responsive, for overlay style)
• Image Height (responsive, for separate style)
• Content Padding (responsive)
Modal Settings
• Glass Style (6 options)
• Modal Text Alignment
Style Controls
• Card: background (separate style), border radius
• Gradient Overlay: gradient height, gradient background
• Badge: color, background, icon color, padding, border radius, typography
• Title: color, typography, spacing, alignment
• Description: color, typography, spacing, alignment
• Button: colors (normal/hover), typography, padding, border radius, alignment
• Modal: title/description/label/price colors & typography, spacing, button colors (normal/hover), typography
Product Filter Grid
A product grid with category and sort filters. Supports WooCommerce or manual products. Two layout styles: filter-grid-filter (3-column) or grid+filter on right (2-column).
Key Features
• Two layout styles
• WooCommerce query types: latest, featured, on sale, best selling, by category, specific products
• Manual products with categories, sizes, descriptions
• Category filter (auto-populated from WooCommerce or manual)
• Sort options (relevance, trending, latest arrivals, price low-high, price high-low)
• Glass blur styling on cards and widget background
• Modal popup on product click with product details, sizes, add-to-cart, and checkout buttons
• Responsive columns (desktop/tablet/mobile)
Available Controls
Layout
• Desktop Style (Style 1: Filter|Grid|Filter / Style 2: Grid + Filter on Right)
• On Product Click (Modal/Redirect)
Columns & Items
• Columns Desktop/Tablet/Mobile, Max Products to Show
Product Source
• Source (WooCommerce/Manual)
• WooCommerce: Query Type, Category, Specific Products, Order By, Order
• Manual: Repeater with Image, Title, Price, Category slug, Description, Sizes, URL
Filters
• Categories Label, Sort By Label, Sort Options (textarea)
• Manual Categories Repeater
Style Controls
• Card: title alignment, price alignment, title/price typography, glass blur, border radius, price badge color
• Widget: background (classic/gradient), glass blur
Product Grid Swap
A product grid widget with automatic swapping animation between products. Displays product images with price overlay and view button.
Key Features
• Product source: recent products or manual selection
• WooCommerce integration
• Staggered entrance animation
• Automatic swap animation (rotates items on interval)
• Click action: go to product page or open popup
• Price badge overlay
• Hover overlay effect
• Responsive columns, gap, item height
• Popup with configurable blur
Available Controls
Content
• Heading, Subheading, Button Text
Products
• Product Source (Recent Products/Select Manually)
• Manual product selector, Products Count
Layout
• Columns (responsive), Grid Gap, Item Height (responsive), Grid Padding
Animation
• Enable Staggered Animation, Enable Swap Animation, Swap Interval (seconds)
Click Behavior
• On Click (Product Page/Popup), Popup Blur (px)
Style Controls
• Heading: color, typography, spacing, alignment
• Subheading: color, typography, spacing, alignment
• Grid Items: border radius, box shadow, hover overlay opacity
• Price: color, background, typography, padding, border radius
• Button: colors (normal/hover), typography, padding, border radius
Product Listings Style 1
A product listings widget with list/grid view switcher. Supports manual products or WooCommerce category.
Key Features
• Heading and subheading with styling
• List view and grid view toggle (user-selectable)
• Product source: manual or WooCommerce category
• Stagger animation for list/grid items
• Background types for items: glass blur, color, gradient, image
• Separate image sizing for list and grid views
• Full styling for all elements
Available Controls
Heading
• Show Heading, Heading Text, Alignment
• Show Subheading, Subheading Text
View Switcher
• Default View (List/Grid)
Products
• Product Source (Manual/Category)
• Manual: Repeater with Image, Title, Subtitle, Price, Button Text, Link
• Category: Select Category, Products Limit, Button Text
Grid Settings
• Columns (responsive)
Animation
• Enable Stagger Animation, Stagger Delay (ms), Animation Duration (ms)
Style Controls
• Heading: typography, color, spacing
• Subheading: typography, color, spacing
• View Switcher: spacing, typography, colors (normal/active), background, padding, border radius
• Product Item: background (glass/color/gradient/image), glass blur, spacing, padding, border radius
• Product Image: list view width/height, grid view width/height, border radius
• Product Text: title/subtitle/price typography & colors, title spacing
• Button: typography, colors (normal/hover), padding, border radius
Product Schema
A structured data widget that outputs JSON-LD schema markup for Product entities. Injects schema into page head or footer for SEO purposes.
Key Features
• Schema.org Product markup
• Configurable Schema ID
• Output location: head or footer
• Product name, description, SKU, brand
• Multiple product images (gallery)
• Price, currency, availability (InStock/OutOfStock/PreOrder/Discontinued)
• Condition (New/Used/Refurbished)
• Product URL
• Optional aggregate rating with review count
Available Controls
Schema Settings
• Schema ID, Output Location (Head/Footer)
• Important note about using only one Product schema per page
Product Data
• Product Name, Description, SKU, Brand
Images
• Gallery image picker
Price & Availability
• Price, Currency, Availability, Condition, Product URL
Ratings (Optional)
• Include Rating toggle, Rating Value (0-5), Review Count
Pushdown Menu
A pushdown/overlay menu that slides down from the header when toggled. Features logo, menu items with icons and subtitles, social icons, and action buttons.
Key Features
• Logo (text or image) with link
• Toggle button (hamburger or custom icon) with close icon
• Menu items with icon, title, subtitle, and link
• Social icons repeater with custom colors
• Two action buttons (primary/secondary)
• Panel width control
• Close on click outside or on item click
• Items alignment (left/center/right)
• Staggered entrance animation
• Full CSS custom properties for styling
Available Controls
Logo
• Logo Type (Text/Image), Logo Text, Logo Image, Logo Link
Toggle Button
• Toggle Type (Hamburger/Custom Icon), Toggle Icon, Close Icon
Menu Items
• Items Alignment (Left/Center/Right)
• Repeater: Icon, Title, Subtitle, Link
Social Icons
• Show toggle, Social Alignment
• Repeater: Icon, Link
Buttons
• Show toggle, Button Alignment
• Button 1 Text & Link, Button 2 Text & Link
Settings
• Close on Click Outside, Close on Item Click
Style Controls
• Menu Width (responsive)
• Header: background, padding
• Logo: color, typography (text) / width, max width, height (image)
• Toggle Button: size, icon size, icon color, background, border, border radius
• Panel: background, content padding, box shadow
• Menu Items: item gap, item padding (Y), title color/typography, subtitle color/typography, icon box size, icon size, icon color, icon background, icon border radius, divider color
• Social Icons: icon box size, icon size, icon color, background, hover colors, gap, border radius
• Buttons: button gap, primary/secondary colors (normal/hover), typography, padding, border radius
• Overlay: background
Reading Progress Bar
A simple progress bar that fills horizontally as the user scrolls down the page or a specific container.
Key Features
• Tracks scroll progress of entire page or specific container (CSS selector)
• Position: top or bottom of viewport
• Configurable thickness, track color, fill color
• Border radius option
• Z-index control
• Hide on mobile option
Available Controls
Content
• Target Container (CSS selector, leave empty for whole page)
• Position (Top/Bottom)
• Hide on Mobile toggle
Style
• Thickness, Track Color, Fill Color
• Border Radius, Z-Index
Recipe Schema
A structured data widget that outputs JSON-LD schema markup for Recipes. Injects schema into page head or footer for SEO purposes.
Key Features
• Schema.org Recipe markup
• Configurable Schema ID
• Output location: head or footer
• Recipe name, image, description, author
• Prep time, cook time, total time (minutes, converted to ISO 8601)
• Recipe yield, calories
• Ingredients list (repeater)
• Instructions with step-by-step order (repeater)
Available Controls
Schema Settings
• Schema ID, Output Location
Recipe Data
• Recipe Name, Image, Description, Author
Time & Yield
• Prep Time (minutes), Cook Time (minutes), Total Time (minutes)
• Recipe Yield (e.g., “4 servings”), Calories
Ingredients
• Repeater: Ingredient
Instructions
• Repeater: Step (textarea)
Recommendation with Voicenote
A testimonial/recommendation card with profile image, name, position, description, audio player (voicenote), and social links.
Key Features
• Profile image with shape control (circle/square)
• Name and position
• Description text
• Audio player with play/pause/stop, duration display, progress bar
• Social links: LinkedIn, Facebook, Website
• Glass blur background options
• Configurable widget max width and padding
• Audio player styling with glass effect
• Staggered animation entrance
Available Controls
Profile
• Profile Image, Name, Position, Image Shape (Circle/Square)
Description
• Description Text
Voicenote Audio
• Audio File (MP3), Audio Duration
• Play Button Text, Pause Button Text, Playing Text
Social Links
• Show LinkedIn/Facebook/Website toggles, URLs, Website Button Text
Style Controls
• Widget Size: max width, padding
• Background: type (glass/solid/gradient/image), blur amount, border color, border, border radius, box shadow
• Profile Image: size, border (enable, width, color, style), box shadow
• Typography: name, position, description (colors and typography)
• Audio Player: container width, padding, background (glass/solid/gradient), blur, border radius, button size/color/hover, icon color, text/duration colors/typography, progress color/height
• Social Buttons: gap, padding, background (glass/solid/gradient), blur, text color, typography, border radius, border color
• Spacing: profile to divider, divider to description, description to audio, audio to social, profile image to text gap
• Divider: color, height
Related Posts & Pages
A grid widget that displays related posts, pages, or products based on query settings.
Key Features
• Content types: Posts, Pages, Products (WooCommerce)
• Order by: Random, Recent, Most Commented, Recently Updated, Alphabetical, Most Visited (requires view count meta)
• Filter by category (with comma-separated IDs)
• Two title styles: inside image box or below box
• Gradient overlay on images
• Responsive columns
• Configurable item height and gap
Available Controls
Query
• Content Type (Posts/Pages/Products)
• Order By, Number of Items
• Filter By (None/Category), Category IDs (comma-separated)
Layout
• Title Style (Style 1: Title inside box / Style 2: Title below box)
• Columns (responsive)
Image & Overlay
• Item Height (responsive)
• Enable Gradient Overlay toggle, Gradient Start/End Colors, Gradient Direction
Spacing
• Gap Between Items, Title Spacing (Style 2)
Style Controls
• Title: colors (Style 1/Style 2), typography
• Box Style: border radius
Restaurant Menu
A restaurant/food menu widget with items, prices, ingredients, descriptions, images, and preparation time.
Key Features
• Heading and subheading
• Menu items with name, price, ingredients, description
• Optional image per item
• Preparation time display (label, value, optional subtext)
• Item borders toggle
• Staggered entrance animation
• Item alignment (left/center/right)
• Background support (color/gradient)
• Image sizing control
Available Controls
Header
• Heading, Subheading
Menu Items
• Repeater: Item Name, Price, Ingredients, Description, Image
• Show Prep Time toggle, Prep Time Text, Prep Time Label, Prep Time Subtext
Style: Layout
• Item Alignment, Show Borders toggle
• Item Spacing, Staggered Entrance toggle, Stagger Delay
Style: Background
• Background (classic/gradient), Padding
Style: Header Typography
• Heading typography/color, Subheading typography/color
Style: Item Typography
• Item Name, Price, Ingredients, Description (typography and colors)
Style: Image
• Image Width, Height, Border Radius
Style: Preparation Time
• Label typography/color, Value typography/color, Subtext typography/color
Review Grid
A grid widget displaying customer reviews with reviewer avatars, names, positions, titles, descriptions, and social links.
Key Features
• Responsive grid layout (columns per device)
• Rows per page (pagination-like display)
• Grid overlay effect (color/gradient)
• Per-review background image support
• Background overlay toggle
• Reviewer image, name, position
• Review title and description
• Social links repeater per widget (not per review)
• Configurable item padding, border, border radius, box shadow
Available Controls
Grid Layout
• Columns (desktop/tablet/mobile responsive), Rows Per Page
• Column Gap, Row Gap
Grid Overlay Effect
• Enable Grid Overlay, Overlay Color, Overlay Gradient, Overlay Opacity
Reviews
• Repeater: Review Title, Review Description, Reviewer Image, Reviewer Name, Reviewer Position, Background Image
Display Options
• Show Reviewer Info, Show Social Links
Social Links
• Repeater: Icon, Link, Icon Color
Style Controls
• Review Item: padding, border, border radius, box shadow, background overlay
• Review Title: color, typography, alignment, spacing
• Review Description: color, typography, alignment, spacing
• Reviewer Info: image size, image border radius, name color/typography, position color/typography
• Social Icons: icon size, box size, spacing, icon color, border radius
Ripple Effect Images
An interactive image card with a water ripple/particle effect that activates on click, hover, or auto. Features glass overlay and reveal background.
Key Features
• Image with configurable object fit and position
• Ripple rings expand from click/hover point
• Configurable ring spacing, speed, number of rings
• Three colors: primary, glow, accent
• Trigger: click, hover, or auto (on load)
• Glass overlay with blur and configurable height
• Reveal background (color/gradient/image) that appears after ripple
• Title, subtitle, and instruction text overlay
• Border and border radius styling
• Full typography controls with text shadow
Available Controls
Image
• Choose Image, Image Size, Image Position
Dimensions
• Card Width, Card Height (responsive)
Ripple Effect
• Ring Spacing, Ripple Speed, Number of Rings
• Primary Color, Glow Color, Accent Color
• Trigger (Click/Hover/Auto)
Glass Overlay
• Enable toggle, Background Color, Blur Intensity, Glass Height (%), Reveal Delay (ms)
Reveal Background
• Type (Solid Color/Gradient/Image), Color, Gradient CSS, Image
Content Overlay
• Show Title, Title Text, HTML Tag
• Show Subtitle, Subtitle Text
• Show Instruction Text, Instruction Text
Border
• Border Color, Border Width, Border Radius
Style: Typography
• Title: typography, color, alignment, text transform, letter spacing, text shadow
• Subtitle: typography, color, alignment, text transform, letter spacing
• Instruction: typography, color, alignment, background, padding, border radius
Card Style
• Box Shadow
Scaling Image on Scroll
An image that scales from an initial percentage to a final percentage as the user scrolls. Useful for zoom-in effects.
Key Features
• Image scales based on scroll position
• Configurable scroll distance (px) for full scale
• Initial scale (%) and final scale (%)
• Optional center content (icon or text) that fades in/out
• Configurable image width, height, object fit
• Border, border radius, box shadow, CSS filters
Available Controls
Image
• Choose Image, Image Size
Scroll Settings
• Scroll Distance to Full Scale (px)
• Initial Scale (%), Final Scale (%)
Center Content
• Content Type (None/Icon/Text)
• Icon selection, Text
Style: Image
• Width, Max Width, Height (responsive)
• Object Fit
• Border, Border Radius, Box Shadow, CSS Filters
Style: Center Content
• Size, Color, Background, Padding, Border, Border Radius, Box Shadow, Text Shadow
• Typography (if text type)
Scaling Video on Scroll
A video player that scales from an initial percentage to a final percentage as the user scrolls. Supports YouTube, Vimeo, and self-hosted videos.
Key Features
• Video sources: YouTube, Vimeo, Self Hosted
• Configurable scroll distance for full scale
• Initial scale (%) and final scale (%)
• Autoplay, mute, loop, controls options
• Poster image support
• Play icon overlay with hover effects
• Optional title/tagline overlay
• Aspect ratio presets (16:9, 4:3, 1:1, 21:9, 9:16, custom)
• Object fit control
• Border radius and box shadow
Available Controls
Video
• Source (YouTube/Vimeo/Hosted), URL
• Poster Image, Autoplay, Mute, Loop, Controls
Scroll Settings
• Scroll Distance to Full Scale (px)
• Initial Scale (%), Final Scale (%)
Play Icon
• Show Play Icon, Icon
Title/Tagline
• Show Title, Title Text, HTML Tag, Alignment
Style: Video
• Width, Max Width, Height (responsive)
• Aspect Ratio, Object Fit
• Border, Border Radius, Box Shadow
Style: Play Icon
• Size, Colors (normal/hover), Background (normal/hover), Padding, Border, Border Radius, Box Shadow
Style: Title
• Color, Typography, Text Shadow, Blend Mode, Spacing
Scene Switcher Grid
A grid of cards where each card has two images (State A and State B). A global toggle switches all cards between states simultaneously.
Key Features
• Title and subtitle
• Global toggle with two labels and icons
• Toggle position: top-left, top-center, top-right
• Grid items with two images (State A and State B)
• Per-item badge that changes text with toggle state
• Per-item link support
• Responsive columns and gap
• Configurable image height
• Fade transition between states
• Card footer with item name and badge
Available Controls
Title & Subtitle
• Title, Subtitle, Header Alignment
Toggle
• Label State A, Label State B
• Toggle Position
Grid Items
• Repeater: Item Name
• State A Image & Size, State B Image & Size
• Show Badge toggle, Link
Grid Layout
• Columns (responsive), Gap, Image Height (responsive)
Style Controls
• Title: color, typography
• Subtitle: color, typography
• Header: spacing below header
• Toggle: track colors (State A/B), label color/typography, spacing below toggle
• Cards: background, border radius, box shadow, footer padding
• Item Name: color, typography
• Transition Speed
• Badge: background (State A/B), text color, typography, border radius
Scene Switcher
A simple before/after style switcher with two states. Toggle switches between two images with fade transition.
Key Features
• Two images (State 1 and State 2)
• Toggle with labels and icons
• Toggle position: top-left, top-center, top-right
• Configurable default state
• Show/hide labels option
• Fade duration and easing control
• Image height and object fit
• Border radius and box shadow
Available Controls
Images
• State 1 Image, State 2 Image
• Image Height, Image Fit
Toggle
• State 1 Label, State 1 Icon
• State 2 Label, State 2 Icon
• Default State, Show Labels
• Toggle Position
Transition
• Fade Duration (ms), Easing
Style: Image
• Border Radius, Box Shadow
Style: Toggle
• Background Color, Knob Color
• Active Track Color, Inactive Track Color
• Label Color, Label Typography
• Icon Color, Icon Size
• Bar Border Radius, Box Shadow, Padding, Offset from Image Edge
Scrambled Text
A text animation widget where characters scramble/decrypt into the final text. Multiple lines supported with stagger delay.
Key Features
• Up to 3 lines of text
• Animation triggers: in viewport or page load
• Line stagger delay (ms)
• Configurable scramble characters
• Text color and scramble character color separate
• Typography controls
Available Controls
Content
• Line 1, Line 2, Line 3
• Animation Trigger (In Viewport/Page Load)
Style
• Typography, Text Color, Scramble Character Color
• Line Height, Letter Spacing, Alignment
Animation
• Line Stagger Delay (ms)
• Scramble Characters
Scroll Collapse Banner with Cards
A hero section that scales down on scroll and transforms into a cards grid. Features video/image hero, CTA button, and scroll-triggered animation.
Key Features
• Hero media: image or video with overlay
• Hero title and CTA button with link
• Content vertical positioning
• Hero scales down as user scrolls
• Section header (title/subtitle)
• Cards grid with images, titles, subtitles, links
• Per-card overlay color
• Responsive columns
• Mobile carousel mode with visible cards count and navigation dots
• Configurable scroll duration and hero final scale
Available Controls
Hero Media
• Media Type (Image/Video), Hero Image, Hero Video, Video Poster
• Hero Title, CTA Button Text & Link
Hero Content Alignment
• Alignment (Left/Center/Right)
• Content Vertical Position (%/px)
Widget Background
• Background Color
Section Header
• Section Title, Section Subtitle
Cards
• Cards Per Row (Desktop), Visible Cards on Mobile (1/2/3)
• Show Navigation Dots toggle
• Repeater: Card Image, Card Title, Card Subtitle, Link Text, Link, Overlay Color
Scroll Animation Settings
• Scroll Duration (vh), Hero Final Scale (0.1-0.5)
Style Controls
• Hero: overlay color, title typography/color, CTA typography/color/border/bg/hover states
• Section Header: title/subtitle typography and colors
• Cards: border radius, box shadow, title/subtitle/link typography and colors
• Navigation Dots: color, active color, size
Sidebar Float Nav
A floating vertical navigation widget that sticks to the left or right side of the viewport. Features dot-style navigation items with optional labels that appear on hover or are always visible.
Key Features
• Vertical floating navigation pills
• Position: left or right side
• Configurable vertical position (percentage/px)
• Dot navigation with icons
• Labels: detached (always visible) or show on hover
• Active state highlighting based on scroll position
• Smooth scroll to target sections
• Configurable scroll offset and speed
• Hide on mobile/tablet options
Available Controls
Navigation Items
• Repeater: Label, Target ID (CSS selector without #), Icon
Settings
• Position (Left/Right)
• Detach Label toggle, Show Label on Hover toggle
• Scroll Offset (px), Scroll Speed (ms)
• Hide on Mobile, Hide on Tablet
Style Controls
• Container: width, item spacing, background, border, border radius, box shadow, padding, vertical position
• Navigation Dot: size, colors (normal/hover/active), background, border, border radius
• Label: typography, colors (normal/hover/active), background, border, border radius, padding, spacing from dot
Simple Gradient Text
A text widget that applies multi-color gradients (2-4 colors) to text using CSS background-clip. Supports linear and radial gradients with configurable color stops.
Key Features
• Up to 4 gradient colors
• Linear or radial gradient type
• Configurable angle (linear) or shape (radial)
• Per-color stop positions
• Text stroke option
• Text shadow support
• Responsive alignment
• Configurable HTML tag
Available Controls
Content
• Text, HTML Tag, Alignment
Gradient
• Gradient Type (Linear/Radial), Angle
• Number of Colors (2/3/4)
• Color 1-4 with individual stop positions
Typography
• Typography, Text Stroke toggle, Stroke Width, Stroke Color
• Padding, Margin
Effects
• Text Shadow
Simple Horizontal Timeline
A horizontal scrolling timeline widget with cards containing date, image, heading, description, and navigation arrows.
Key Features
• Horizontal scrollable timeline
• Configurable visible items (desktop/tablet/mobile)
• Previous/Next navigation buttons
• Per-item: date, image, heading, description
• Per-item dot color and card background color
• Card width and height control
• Line and dot styling
Available Controls
Timeline Items
• Repeater: Date, Image, Heading, Description, Dot Color, Card Background Color
Layout Settings
• Show Navigation toggle, Visible Items (responsive)
Style Controls
• Date: typography, color, spacing
• Line & Dot: line color, line height, dot size, line spacing
• Card: width, padding, border radius
• Image: height, border radius, spacing
• Heading: typography, color, spacing
• Description: typography, color
• Navigation: background, icon color, hover colors, button size, spacing
Simple Round Icon Buttons
A widget that displays one or two round icon buttons with glass/liquid glass backgrounds and hover effects.
Key Features
• Up to 2 buttons
• Background types: blurred glass, liquid glass, custom color
• Configurable icon rotation
• Link support per button
• Hover scale effect
• Responsive alignment and spacing
Available Controls
First Button
• Icon, Link, Background Type, Background Color (custom), Icon Rotation
Second Button
• Enable toggle, Icon, Link, Background Type, Background Color, Icon Rotation
Layout
• Alignment, Button Spacing
Style Controls
• Icon: color, size
• Button: size, border, border radius, box shadow
• Hover Effects: background color, icon color, scale, transition duration
Slide Card Stacks 1
A card stack widget where cards slide in sequence with navigation arrows. Features full-width card backgrounds with overlay and animated button entrance.
Key Features
• Stacked cards that slide in sequence
• Previous/Next navigation
• Button entrance animation (fade-in, slide-up)
• Configurable animation delay
• Per-card: image, title, subtitle, button text/link
• Card width and height control
• Overlay opacity control
Available Controls
Card Stacks
• Repeater: Card Image, Title, Subtitle, Button Text, Link
Navigation
• Show Navigation toggle, Prev/Next Icons
Button Animation
• Animation Type (None/Fade In/Slide Up), Animation Delay (ms)
Style Controls
• Card Stack: width, height, border radius, overlay opacity
• Title: typography, color, margin
• Subtitle: typography, color, margin
• Button: typography, colors (normal/hover), padding, border radius, margin
• Navigation: icon size, colors (normal/hover), background, spacing, margin top, border radius, padding
Smart 360° Viewer
An interactive 360-degree product viewer that rotates through a sequence of images. Supports drag/scroll interaction, auto-play, zoom, hotspots, and fullscreen.
Key Features
• Sequential images for 360° rotation
• Drag sensitivity and snap-back
• Auto-play with configurable speed and loop
• Scroll to rotate (mouse wheel)
• Zoom with configurable max level
• Hotspots with frame-specific positioning, title, content, icon
• 360° badge (fixed or fade on interaction)
• Controls: play/pause, prev/next, zoom in/out, reset zoom, fullscreen
• Loading indicator with progress bar
• SEO fallback image
• Respects reduced motion preference
Available Controls
360° Images
• Gallery picker, Poster Image, SEO Fallback Image, Alt Text
Behavior
• Auto Play, Auto Play Speed (ms), Auto Play Loop
• Drag Sensitivity, Drag Snap-Back, Scroll to Rotate, Reverse Direction
Features
• Enable Zoom, Max Zoom Level
• Show 360° Badge, Badge Behavior (Fixed/Fade on Interaction)
• Show Controls, Respect Reduced Motion
Hotspots
• Repeater: Frame Number, Position X/Y (%), Title, Content, Icon
Style Controls
• Container: height, background, border, border radius, box shadow
• 360° Badge: background, text color, typography, padding, border radius
• Hotspots: size, background, icon color, tooltip background/color
• Controls: background, button colors (normal/hover)
Smart Ajax Live Search
An AJAX-powered live search widget that opens in an overlay modal. Features real-time search results with grid/list views, post type filters, and animated ghost preview mode.
Key Features
• Three trigger styles: bar+icon, bar only, icon only
• Overlay modal with backdrop blur
• Two search modes: Simple (live results as you type) or Animated (ghost preview, reveal on submit)
• Search scope: Posts, Pages, Products (WooCommerce)
• Restrict results by parent page or tag (silent filter)
• Visible filter pills (All/Posts/Pages/Products)
• Results display: Grid or List with view toggle
• Configurable grid columns, card thumbnail height, list thumbnail width
• Card overlay darkness and title position (top/center/bottom)
• Post-type tag display, excerpt (list view)
• Debounce, minimum characters, max results
• Empty state text
Available Controls
Trigger Style
• Style (Bar+Icon/Bar Only/Icon Only)
• Placeholder Text, Trigger Alignment, Trigger Width (responsive)
Overlay & Modal
• Search Placeholder, Search Bar Width (responsive), Results Window Width (responsive)
• Distance from Top
Search Behaviour
• Search Mode (Simple/Animated)
• Ghost Card Opacity (Animated mode)
• Debounce (ms), Minimum Characters, Max Results
• Search Scope (Posts/Pages/Products)
• Restriction Method (None/Parent Page/Tag), Parent Page ID, Include Parent toggle, Tag Slug, Taxonomy
Visible Filter Pills
• Show Filters toggle, “All”/”Posts”/”Pages”/”Products” Labels
Results Display
• Default View (Grid/List), Show View Toggle
• Grid Columns (responsive), Card Thumbnail Height, Card Overlay Darkness, Title Position
• List Thumbnail Width/Height, List Item Gap, Show Excerpt toggle
• Show Post-Type Tag toggle
• No Results Text, Results Window Max Height
Style Controls
• Trigger: padding, background, border color, placeholder/text color, typography, icon button background/color
• Overlay: backdrop color, blur, search bar background/text color, submit button background/icon color/size
• Results Window: background, glass blur, border color, border radius, title typography/color, post-type tag color
• Filter Pills: background (normal/active), text color (normal/active), typography
Smart Bottom Nav Bar
A sticky bottom navigation bar that appears at the bottom of the viewport, ideal for mobile navigation. Features icon+label items, section spy, and hide on scroll behavior.
Key Features
• Two styles: Pill (floating dock) or Full Width
• Link types: anchor links (same page) or page links (full URLs)
• Section spy: automatically highlights active section based on scroll position
• Hide on scroll down, show on scroll up
• Auto hide after navigation click
• Enable after scroll distance option
• Visibility: mobile only, desktop only, or both
• Glass blur background
• Configurable icon size, label typography
Available Controls
Navigation Items
• Link Type (Anchor/Page)
• Repeater: Icon, Label, Show Label toggle, Anchor ID, Page Link
Behavior Settings
• Visibility (Mobile & Desktop/Mobile Only/Desktop Only)
• Scroll Offset (px), Enable Section Spy toggle
• Hide on Scroll Down toggle, Auto Hide on Navigation toggle
• Enable After Scroll Distance toggle, Scroll Distance (px)
Style: Container
• Nav Style (Pill/Full), Overall Size, Container Padding
• Glass Blur Background toggle, Background, Blur Amount
• Border, Border Radius, Box Shadow, Bottom Position (pill)
Style: Nav Items
• Item Spacing, Icon Size, Label Typography, Icon-Label Spacing
• Colors: Normal/Hover/Active (icon, background)
Smart Breadcrumb
A smart breadcrumb navigation widget with Schema.org markup, mobile collapse, home icon option, and customizable separator.
Key Features
• Automatic breadcrumb trail generation (home, categories, parent pages, current)
• Schema.org BreadcrumbList markup
• Mobile collapse: shows only Home + … + Current on mobile
• Optional horizontal scroll on mobile
• Home icon option
• Configurable separator (chevron/slash/arrow/bullet/dash/custom)
• Max depth limit
• Full styling for container, text, links, current page, separator
Available Controls
Content
• Home Text, Home Icon, Show Home as Icon toggle
• Separator Type, Custom Separator
• Max Depth (0 = unlimited)
• Enable Schema Markup toggle
Mobile Settings
• Collapse on Mobile toggle, Mobile Breakpoint (px)
• Allow Horizontal Scroll toggle
Style Controls
• Container: alignment, typography, text color, link hover color, current page color/weight, padding, background, border, border radius
• Separator: color, size, spacing
Smart Contact Button
A contact button that expands into a list of contact icons with staggered entrance animation. Features glass styling, tooltips, and fixed position option.
Key Features
• Main button with text and icon
• Expands to show contact icons on click
• Icons container with glass effect
• Staggered entrance animation for icons
• Tooltips on hover
• Close button option
• Close on outside click option
• Fixed position option with configurable vertical/horizontal offset
• Configurable animation direction (left/right), duration, stagger delay
Available Controls
Button Content
• Button Text, Button Icon
• Fixed Position toggle, Vertical/Horizontal Position, Offset (Y/X), Z-Index
Animation Settings
• Animation Direction (Left/Right), Duration (ms), Stagger Delay (ms)
• Close on Outside Click, Show Close Button
Contact Icons
• Repeater: Icon, Link, Icon Color, Icon Hover Color, Tooltip Text
Style Controls
• Button: glass effect, background, text/hover colors, typography, padding, border, border radius, box shadow
• Icons Container: glass effect, background, padding, border, border radius, box shadow
• Individual Icon: icon size, icon box size, spacing, background, border, border radius, box shadow
• Tooltip: background, text color, typography, padding, border radius
Smart Dark Mode Switch
A toggle switch for dark/light mode with system preference detection, time-based automatic switching, and page scope restrictions.
Key Features
• Light/Dark mode toggle with icons
• Default mode: Light, Dark, or System Preference
• Time-based automatic switching (sunrise/sunset)
• Page scope: all pages, specific pages, or exclude pages
• Smooth transition with configurable duration
• Glass styling with blur and glow effect
• Configurable icon colors (inactive/active)
Available Controls
Settings
• Default Mode (Light/Dark/System Preference)
• Enable Time-Based Switching, Sunrise Time, Sunset Time
• Apply To (All/Specific/Exclude), Page IDs
• Enable Smooth Transition, Transition Duration (ms)
Icons
• Light Mode Icon, Dark Mode Icon
Style Controls
• Switch Size, Background Color, Blur Intensity, Glow Color
• Border Radius, Border, Box Shadow
• Icon Size, Icon Color (Inactive/Active)
Smart Notification Bell
A notification bell widget that expands into a dropdown panel showing notification items. Features badge count, animated expansion, and glass styling.
Key Features
• Bell icon with notification badge
• Expands to panel on click
• Header with title and subtitle
• Notification items with image, title, description, button
• Configurable expansion direction (left/right)
• Panel width and max height control
• Stagger animation for items
• Empty state text
• Close on outside click
Available Controls
Bell Settings
• Notification Count, Show Badge toggle
• Bell Icon, Toggle Icon
Header Content
• Title, Subtitle, Title HTML Tag
Notification Items
• Repeater: Show Image toggle, Image, Image Position (Left/Right)
• Title, Description, Button Text, Link, Show Separator toggle
Layout Settings
• Expansion Direction (Left/Right)
• Panel Width, Max Panel Height, Close on Outside Click
Style Controls
• Bell Container: background, glass blur, border, border radius, box shadow, collapsed/expanded width
• Bell Icon: icon box size, icon size, icon color, hover color, box background, border radius
• Badge: background, text color, size, font size, offset X/Y
• Header Text: title/subtitle typography and colors
• Toggle Button: size, icon size, colors (normal/hover/active), rotation on open
• Notification Panel: background, border, border radius, box shadow, padding, margin top
• News Items: item padding, image width/height/border radius/gap, separator color/height
• News Content: title/description typography and colors
• Button: typography, colors (normal/hover), border, border radius, padding, margin top
• Animation: expand duration, panel open duration, stagger delay
Smart Video
A lightweight video player with lazy loading, viewport autoplay, and poster restoration on end.
Key Features
• Video sources: YouTube, Vimeo, Self Hosted
• Lazy load: video loads only on user interaction
• Viewport autoplay: auto-play when in view, pause when out
• Mute on autoplay option
• Loop option
• Restore poster on video end
• Configurable aspect ratio (16:9, 9:16, 4:3, 1:1, 21:9, custom)
• Play icon overlay with text
• Object fit control
• Border radius
Available Controls
Video Source
• Type (YouTube/Vimeo/Hosted), URL, Poster Image
Playback
• Lazy Load toggle, Viewport Autoplay toggle
• Mute on Autoplay, Loop, Restore Poster on End
Overlay
• Play Icon, Overlay Text
Layout
• Aspect Ratio, Custom Ratio, Object Fit, Border Radius
Controls
• Show Controls toggle
Style Controls
• Overlay: background color, icon size/color, text color/typography
Smart Pricing Calculator
An interactive pricing calculator with line items (toggle, checkbox, quantity stepper, slider, dropdown), subtotal, and total calculation.
Key Features
• Base price with configurable currency
• Line item types: toggle, checkbox, quantity stepper, slider, dropdown select
• Price modifiers: fixed amount or percentage of subtotal
• Per-item tooltips
• Subtotal display option
• CTA button with option to pass total in URL (?total=…)
• Footer note
• Real-time price updates
• Configurable decimal places and thousands separator
Available Controls
General
• Widget Title, Base Price, Currency Symbol
• Currency Position (Before/After)
• Decimal Places (0/2), Thousands Separator toggle
Line Items
• Repeater: Label, Type, Icon
• Price Modifier Type (Fixed/Percentage), Amount/Rate
• Type-specific: min/max/default/step (quantity/slider), options (select)
• Default enabled (toggle/checkbox), Tooltip
Summary & CTA
• Show Subtotal toggle
• Total Label
• Show CTA Button, Button Text, URL, Pass Total in URL toggle
• Footer Note
Style Controls
• Card: background, padding, border radius, box shadow, border
• Price Display: title color/typography, price color/typography, header spacing
• Line Items: label color/typography, icon color/size, divider color, tooltip color, item padding, icon-label gap
• Toggle Switch: active/inactive/knob colors
• Quantity Stepper: button background/color/border radius, gap
• Total Row: label/value colors/typography, padding, margin top
• CTA Button: colors (normal/hover), typography, padding, border radius, margin top
• Footer Note: color, typography, margin top
Snowfall Effect
A canvas-based snowfall animation widget with configurable intensity, snowflake size, trigger modes, and duration controls.
Key Features
• Configurable snowflake intensity (count)
• Option to add icy six-pointed snowflakes mixed with dots
• Snowflake size per device (mobile/tablet/desktop)
• Trigger modes: on page load, after scroll, when widget in viewport
• Duration modes: continuous, run once, timed duration
• Dim screen option with configurable opacity
• Configurable Z-index
Available Controls
Intensity Settings
• Snowflake Intensity (10-200)
• Add Icy Snowflakes toggle
Snowflake Size
• Size (Small/Medium/Large) per device
Trigger Settings
• Trigger Mode (Page Load/After Scroll/Widget in Viewport)
• Scroll Position (px)
Duration Settings
• Duration Mode (Continuous/Run Once/Timed)
• Duration (seconds)
Appearance
• Dim Screen toggle, Dim Opacity (0-100%)
• Z-Index
Scroll Down
A scroll indicator widget with multiple styles (scroll down/up, floating pill) and animated fill effect.
Key Features
• Three styles: Scroll Down, Scroll Up, Floating Pill
• Arrow direction (down/up)
• Text position (above/below/left/right)
• Scroll target: CSS section ID or fixed amount (px)
• Scroll offset configuration
• Animated fill effect (solid or gradient) with configurable speed
• Floating pill: configurable position (top-left/center/right, bottom-left/center/right)
• Hide when reaching target option with offset trigger
• Glass styling with blur
Available Controls
Style & Direction
• Style, Arrow Direction, Text Position, Scroll Text
Floating Pill Settings
• Floating Position, Hide When Reaching Target, Hide Trigger Offset (px)
Scroll Target
• Target Type (Section/Fixed Amount), Target Section ID, Scroll Amount (px), Scroll Offset (px)
Animation Settings
• Enable Animation toggle, Animation Speed, Fill Type (Solid/Gradient)
Style Controls
• Pill Dimensions: width, height, border radius
• Pill Styling: background, border color, border width
• Animation Fill Colors: solid color or gradient start/end
• Arrow: color, size
• Text: color, typography, spacing
• Floating Pill: background, blur, border color, box shadow, padding
Scroll Effect Style 1
A scroll-triggered animation widget where an image and info box move and scale based on scroll position.
Key Features
• Image and info box with scroll-based animation
• Info box contains: heading, subtext (multi-line), progress bars, footer (category/price), additional text, caption
• Box scale and opacity interpolate between start/end values
• Image fades out based on scroll position
• Staggered entrance animation for info box elements
• Typewriter effect for heading
• Responsive box width for mobile
• Configurable box start position (top-left or top-right)
• Widget height controls scroll distance
Available Controls
Image
• Choose Image, Alt Text
Info Box Elements
• Show Heading toggle, Heading text
• Show Subtext toggle, Subtext (multi-line)
• Show Progress Bars toggle, Progress Items (Label, Value %, Color)
• Show Footer toggle, Category Text, Price
• Show Additional Text toggle, Additional Text
• Show Caption toggle, Caption Text
Scroll Settings
• Widget Height (vh)
• Box Position (Top Right/Top Left)
• Box Starting/Ending Scale (0.3-1.5)
• Box Starting/Ending Opacity (0-1)
• Enable Typewriter toggle
• Stagger Delay (ms)
• Image Fade Start/End (0-1)
Mobile Settings
• Mobile Starting Scale, Mobile Box Width
Style Controls
• Info Box: width, padding, background (solid/gradient), border, border radius, box shadow
• Typography: heading, subtext, progress label, category, price (colors and typography)
• Progress Bars: label color/typography, track color, bar height
• Spacing: element gap
Scroll Reveal Blur Text
A scroll-triggered widget where a blurred background media (image/video) becomes progressively clearer as the user scrolls.
Key Features
• Background media: image or video
• Initial blur intensity (px)
• Scroll speed controls blur reduction rate
• Optional zoom to cover after full reveal
• Text overlay: title, subtext, button
• Responsive media width/height
• Border radius on media
• Video preview mode with play icon
Available Controls
Background Media
• Media Type (Image/Video)
• Image selection or Video URL
• Video Loop, Preview Mode (play icon overlay)
• Initial Blur Intensity (px), Scroll Speed
• Zoom to Cover After Scroll toggle, Zoom Scale, Zoom Duration (seconds)
Content
• Title, Title HTML Tag
• Show Subtext toggle, Subtext
• Show Button toggle, Button Text, Link
Style Controls
• Widget Background: background, padding, min height
• Media Style: width, height, border, border radius, play icon color/size
• Content Alignment: text alignment, max width, padding
• Title: color, typography, text shadow, padding, spacing
• Subtext: color, typography, padding, spacing
• Button: alignment, typography, colors (normal/hover), background, border, border radius, padding, spacing
Scroll Milestone Popup
A widget that triggers a popup when the user scrolls to a specific milestone (percentage, pixel amount, or element visibility).
Key Features
• Three milestone types: percentage scrolled, pixels scrolled, reach element (CSS selector)
• Popup from Elementor templates (marked with _pretpot_popup_template meta)
• Three display modes: trigger only (invisible), inline trigger button, inline popup display
• Fire once per session option
• Configurable delay after milestone
• Disable on mobile option
• Close button, close on overlay click, close on ESC
• Popup animation (fadeIn/slideInUp/slideInDown/zoomIn)
Available Controls
Mode Settings
• Display Mode (Trigger Only/Inline Trigger Button/Inline Popup Display)
Milestone Settings
• Milestone Type (Percentage/Pixels/Element)
• Percentage value, Pixels value, Target Element CSS Selector
• Select Popup Template (from Elementor library)
• Fire Once Per Session toggle
• Delay After Milestone (ms)
• Disable on Mobile toggle
Trigger Button (Inline Trigger mode)
• Button Text, Button Icon
Close Button Settings
• Show Close Button, Close on Overlay Click, Close on ESC Key
Style Controls
• Trigger Button: typography, background, text color, padding, border radius
• Popup Overlay: background color, animation
• Close Button: size, color, background
Search Icon+
A search toggle widget that expands an input field when clicked. Features unfold direction control and style variations.
Key Features
• Search icon button that expands to reveal input field
• Unfold direction: left or right
• Search scope: entire site, posts, pages, or products
• Configurable placeholder text
• Icon weight control
• Active state styling for icon button
• Responsive input width
Available Controls
Search
• Search Scope (Entire Site/Posts/Pages/Products)
• Placeholder Text, Search Icon
• Unfold Direction (Left/Right)
Style: Icon
• Icon Color, Background Color, Active Background Color, Active Icon Color
• Icon Size, Icon Weight (100-900)
• Icon Padding, Border Radius
Style: Input Field
• Input Width (responsive), Typography
• Text Color, Placeholder Color, Background Color
• Border, Border Radius, Padding
• Focus State: border color, box shadow
Special Button Background
A button with advanced background options: 4-color gradient or video background. Features dual borders (inner/outer) with independent styling.
Key Features
• Background types: 4-color linear gradient or video
• Gradient: 4 colors with individual stop positions, configurable angle
• Video: MP4 file, playback speed, start/end time, object fit
• Inner and outer borders (each fully stylable)
• Button text with typography controls
• Alignment control
Available Controls
Button
• Text, Link, Alignment
Background
• Type (Gradient/Video)
• Gradient: 4 colors, color stops (space-separated), angle
• Video: file, playback speed, start (s), end (s), object size
Inner Border
• Border (width/style/color), Border Radius, Box Shadow
Outer Border
• Border (width/style/color), Border Radius, Box Shadow
Text Style
• Typography, Text Color
Special Text
A text animation widget that splits text into lines, words, or letters and animates them on trigger (page load, scroll, or click).
Key Features
• Animation types: Lines, Words, or Letters
• Trigger on: page load, scroll, or click
• Configurable duration, stagger delay, and easing
• Y-offset for initial position
• Optional color change animation (start to end color)
• Full typography and text shadow styling
Available Controls
Content
• HTML Tag, Text Content
Animation Settings
• Animation Type (Lines/Words/Letters)
• Trigger On (Page Load/Scroll/Click)
• Duration (seconds), Stagger Delay (seconds)
• Ease Type, Y Offset (px)
Color Change Animation
• Enable toggle, Start Color, End Color
Style
• Typography, Text Color, Text Shadow, Alignment
Split Vertical Content Reveal
A split-screen widget with top and bottom panels separated by a draggable divider. Users can drag the divider vertically to reveal more of either panel.
Key Features
• Top and bottom panels with independent content
• Draggable divider with configurable handle
• Configurable initial, min, and max divider positions (%)
• Panel content: titles, descriptions, images, single icons, icon groups
• Per-panel background and typography styling
• Corner radius on panels
• Mobile drag support toggle
Available Controls
Top Section
• Repeater for elements: Title, Description, Image, Single Icon, Icon Group
• Per-element spacing
• Content Alignment, Text Alignment, Padding
Bottom Section
• Same element types and controls as Top Section
Divider
• Initial Position (%), Minimum Position (%), Maximum Position (%)
• Divider Height, Background Color
• Show Handle toggle, Handle Color, Handle Width, Handle Height
• Enable Drag on Mobile toggle
Widget Settings
• Widget Height (px/vh), Corner Radius (px)
Style Controls
• Top Section: background, title/description colors/typography
• Bottom Section: background, title/description colors/typography
Spotlight Beam
A spotlight effect control added to Elementor sections, columns, and containers. Creates a directional light beam overlay.
Key Features
• Appears as a control panel on any section/column/container
• Configurable beam color, angle, origin (X/Y), length, spread, softness (blur)
• Edge fade and darkness level controls
• Beam intensity and blend mode (screen/overlay/soft-light/hard-light/color-dodge)
• Responsive settings per device
• Z-index control
Available Controls (in Elementor Advanced tab)
Spotlight Beam
• Enable toggle
• Beam Color
• Beam Angle (°) – responsive
• Origin X (%) – responsive
• Origin Y (%) – responsive
• Beam Length (%) – responsive
• Beam Spread, Softness (Blur)
• Edge Fade, Darkness Level, Intensity
• Blend Mode, Z-Index
Stacked Cards Carousel with Text
A widget featuring a stacked card deck that fans out, then transforms into a horizontal carousel. Cards can be images or videos.
Key Features
• Stacked cards that animate to reveal carousel
• Configurable stack position (X/Y offset)
• Carousel scrolls left or right automatically
• Lightbox popup on card click with title, description, button
• Video support with autoplay option
• Responsive card width/height
• Configurable display duration, start delay, carousel gap
Available Controls
Text Content
• Heading (WYSIWYG), Subheading
• Text Alignment
Cards
• Repeater: Type (Image/Video), Image, Video URL
• Title, Description, Button Text, Button URL
Stack Position
• Horizontal Position (X), Vertical Position (Y) – responsive
Animation Settings
• Display Duration (ms), Carousel Direction (Left/Right)
• Carousel Video Autoplay, Start Delay (ms), Carousel Gap
Style Controls
• Background: widget background, padding, min height
• Heading: color, typography, margin
• Subheading: color, typography
• Cards: card width/height, border radius, box shadow
• Lightbox: backdrop color/blur, text color, button color/background
Stacked Pinned Images
A widget that displays images stacked with a paperclip/pin effect. Clicking an image zooms it to full screen with a lightbox effect.
Key Features
• Stacked images with overlapping effect
• Paperclip pin (default SVG, custom SVG, or custom image)
• Configurable pin position (X/Y) per device
• Configurable pin size per device
• Click image to zoom with configurable zoom scale
• Hold duration and fade duration for lightbox
• Backdrop with configurable color and blur
• Per-image custom size, rotation, opacity
• Sequential animation (images zoom in sequence)
Available Controls
Images
• Repeater: Image, Custom Size toggle, Width/Height (responsive), Opacity, Custom Rotation
Pin Settings
• Pin Type (Default/Custom SVG/Custom Image)
• Custom SVG code, Custom Pin Image
• Position X/Y (responsive), Pin Size (responsive)
• Pin Color (for default pin)
Animation Settings
• Zoom Coverage (scale), Hold Duration (ms), Fade Duration (ms)
• Backdrop Color, Backdrop Blur
Style Controls
• Stack Style: background, stack width/height, padding, margin, image shadow
Stacked Scrolled Media Card
A scroll-triggered stacking card widget where cards stack on top of each other as the user scrolls. Each card contains an image, category, heading, and description.
Key Features
• Cards stack with sticky positioning on scroll
• Configurable stack offset (%) – how much previous card shows
• Configurable card height (vh/px) and max width
• Per-card: background color, image, image position (left/right)
• Category label, heading, description (WYSIWYG)
• Content vertical alignment (top/center/bottom)
• Scroll distance multiplier (higher = slower scroll required)
Available Controls
Stack Settings
• Number of Cards (2-10), Stack Offset (%), Card Height, Card Max Width
Cards Content
• Repeater: Background Color, Image, Image Position (Left/Right)
• Category Label, Heading, Description (WYSIWYG)
• Content Vertical Alignment (Top/Center/Bottom)
Scroll Settings
• Scroll Distance Multiplier (1-6)
Style Controls
• Card Container: padding, border radius, box shadow
• Image: width, border radius
• Content: gap between elements
• Category Label: color, typography, background
• Heading: color, typography
• Description: color, typography
Standard Review
A testimonial/review card widget with reviewer image, name, position, review title, description, and social links.
Key Features
• Review title and description
• Reviewer image, name, position
• Optional background image with overlay
• Social links repeater with per-icon colors
• Configurable image size and border radius
• Responsive spacing controls
Available Controls
Review Content
• Review Title, Review Description, Content Spacing
Reviewer Info
• Show Reviewer toggle, Reviewer Image, Reviewer Name, Reviewer Position
Social Links
• Show Social toggle, Repeater: Icon, Link, Icon Color
Style Controls
• Review Box: background image, overlay, padding, border, border radius, box shadow
• Review Title: color, typography, alignment
• Review Description: color, typography, alignment
• Reviewer Info: spacing, image size, image border radius, name/position colors/typography
• Social Icons: icon size, box size, spacing, icon color, border radius
Story Banners
An Instagram-style story banners widget with circular avatars that open popup modals with banner images, titles, descriptions, offer codes, and buttons.
Key Features
• Horizontal or vertical orientation
• Scrollable items with configurable items per row/visible rows
• Configurable gap and alignment
• Per-story: label, circle image, popup banner image, title, description, offer code, button text/link
• Popup with dim overlay, configurable max width, padding, background, border radius
• Close icon with configurable size, color, position
• Popup content styling (title, description, offer code, button)
Available Controls
General
• Orientation (Horizontal/Vertical)
• Enable Scrolling toggle
• Items Per Row (responsive), Visible Rows (responsive)
• Gap, Alignment
Stories
• Repeater: Label, Circle Image
• Popup: Banner Image, Title, Description, Offer Code, Button Text, Link, Custom CSS Class
Style Controls
• Circle: size, border radius, inner padding, background, border (normal/hover), image fit
• Label: typography, color, spacing, alignment
• Popup: dim color/opacity, max width, padding, background, border radius
• Close Icon: size, color, offset
• Popup Content: title/description/offer code typography and colors, offer code background
• Button: typography, colors (normal/hover)
Stylish Animation 2
A cosmic/spiral animation widget where floating images spiral into the center, followed by animated text lines revealing sequentially.
Key Features
• Floating images spiral/fall into center (black hole effect)
• Configurable start positions per image (random, top, right, bottom, left, corners)
• Main title with optional copyright symbol
• Text lines that reveal sequentially with word-by-word animation
• Keep visible option for last text line
• Play modes: once or every time in viewport
• Configurable animation duration, text start delay, line interval
Available Controls
Content
• Main Title, Show Copyright Symbol toggle
• Text Lines Repeater: Line Text, Keep Visible toggle
• Floating Images Repeater: Image, Start Position
Settings
• Play Mode (Once/Every Time in Viewport)
• Animation Duration (seconds), Text Start Delay (seconds), Line Interval (seconds)
Style Controls
• Background: color/gradient
• Main Title: color, typography, size (px/vw), copyright color/size
• Text Lines: color, typography, size, letter spacing
• Floating Images: width, height, border radius, box shadow
• Widget Container: height, width, padding
Stylish Animation 1
A fullscreen gallery widget with scroll-triggered image animation. Images scroll horizontally, and the active image appears as background with heading overlay.
Key Features
• Gallery of images that scroll horizontally
• Active image appears as full background
• Heading text with fade or typewriter animation
• Optional description text
• Configurable scroll loops and speed
• Thumbnail navigation with active state
• Autoplay with configurable interval
Available Controls
Images
• Gallery picker
Content
• Show Heading toggle, Heading Text, HTML Tag
• Show Description toggle, Description Text
Animation Settings
• Scroll Loops (1-5), Scroll Speed (ms)
• Heading Animation (Fade In/Typewriter)
• Slide Interval (seconds), Autoplay toggle
Style Controls
• Container: height, background, border, border radius, padding
• Thumbnails: size, spacing, border, border radius, active border color/width
• Heading: color, typography, text shadow, margin
• Description: color, typography, margin
Stylish Animation 3
A cinematic intro animation widget with flying panels, tagline, name reveal, and portfolio grid with lightbox.
Key Features
• Flying panel animation (6 panels sliding in from sides)
• Tagline with line break support
• Name reveal (first part normal, last part italic)
• Portfolio grid with configurable columns
• Grid items: title, description, image or video
• Lightbox popup on item click
• Grain texture overlay
• Background grid lines
Available Controls
Intro Text
• Tagline (supports line breaks)
• Name – First Part, Name – Last Part (italic)
Portfolio Grid
• Repeater: Title, Description, Image, Video URL
• Grid Columns (2/3/4), Grid Top Spacing (rem)
Style Controls
• Name Color, Name Typography
• Tagline Color
Stylish Animation Spiral Path
A spiral path animation widget where items (images/products/posts) orbit around center content in a circular/spiral motion.
Key Features
• Content types: Images, Products (WooCommerce), Blog Posts
• Center content with heading and title
• Items orbit in circular/spiral path
• Configurable animation speed and start trigger (page load/viewport)
• Stop on interaction with configurable pause duration
• Click actions: none, pause animation, open lightbox
• Lightbox with configurable background (blur/dim)
• Configurable item size, spiral radius, widget size
Available Controls
Content
• Content Type (Images/Products/Posts)
• Heading Text, Title Text
• Images Repeater (for image type): Image, Title, Button Text, Link
• Selected Products/Posts (for product/post types)
Animation Settings
• Animation Speed (seconds), Start Trigger, Stop on Interaction
• Pause Duration (ms), Click Action, Lightbox Background
• Background (color/gradient)
Style Controls
• Center Text: heading/title colors and typography
• Spiral Items: item size, widget container size, spiral radius, border, border radius, box shadow
• Lightbox: image scale, title color/typography, button colors/typography/border/padding
Stylish Menu with Marketing
A full-screen overlay menu with marketing media panel. Features glass/blur background, menu items with icons, social icons, and scrollable marketing media items.
Key Features
• Trigger button with icon and optional text
• Menu header with account icon and close icon
• Left panel: menu items (icon + text) and social icons
• Right panel: marketing media items (images/videos) with title, description, link
• Marketing items scroll horizontally on mobile/tablet
• Configurable marketing panel width and media item size
• Background types: blurred glass, color, gradient, image
Available Controls
Menu Trigger
• Trigger Icon, Trigger Text
Menu Header
• Show Account Icon toggle, Account Icon, Account Link, Close Icon
Menu Items
• Repeater: Menu Text, Icon, Link
Social Icons
• Repeater: Icon, Link
Marketing Media
• Repeater: Type (Image/Video), Image, Video URL, Title, Description, Link
Style Controls
• Menu Background: type, blur intensity, opacity, color, gradient, image
• Menu Padding
• Trigger Button: typography, icon size, color, background, padding, border, border radius
• Header Icons: size, color, hover color
• Menu Items: typography, icon size, spacing, colors (normal/hover), padding
• Social Icons: size, spacing, colors, background type/blur/color, padding, border radius
• Marketing Media: panel width, item width/height (responsive), peek offset, title/description typography/colors, border radius
Stylish Reveal Media 1
A scroll-triggered media reveal widget where an image/video emerges from a horizontal line (slit) as the user scrolls.
Key Features
• Heading and description text
• Horizontal divider line (slit) with configurable width, height, color
• Media (image/video/YouTube/Vimeo) emerges from the line on scroll
• Configurable scroll distance for full reveal
• Bidirectional flow (reverses on scroll up)
• Click action: popup with blurred glass or dim overlay
• Play button for videos (when not autoplaying)
• Configurable media container height, width, border radius
Available Controls
Heading
• Heading Text, HTML Tag
Description
• Description Text
Divider Line (Slit)
• Line Width, Line Thickness, Line Color
Media
• Type (Image/Self Hosted Video/External Video)
• Image selection, Video URL, External Video URL
• Video Autoplay, Loop, Muted, Controls, Poster, Show Play Button
Scroll Settings
• Scroll Distance, Bidirectional Flow toggle
Click Action
• Action (None/Open Popup Blur/Open Popup Dim)
• Blur Amount, Dim Opacity
Style Controls
• Heading: color, typography, alignment, spacing
• Description: color, typography, alignment, spacing
• Media Container: height, media width, border, border radius, box shadow
• Play Button: button color, icon color, size
Tabbed Media
A tabbed media gallery widget with glass-blurred pill tabs and horizontally scrollable media items.
Key Features
• Tabs with glass styling, configurable gap, separator
• Media types: Images (gallery) or Videos (multiple URLs)
• Scrollable media grid with configurable visible items per device
• Items peek by 10% to indicate more content
• Video autoplay option, play button for non-autoplay videos
• Auto-scroll option (left/right) with configurable speed
• Hide scrollbar option
• Glass blur effect on tabs and content area
Available Controls
Tabs
• Repeater: Tab Title, Media Type (Images/Videos)
• Images: gallery picker, Image Fit
• Videos: Video URLs (one per line), Video Poster, Video Fit
Settings
• Items Visible (responsive)
• Hide Scrollbar toggle, Video Autoplay toggle
• Auto Scroll (None/Left/Right), Auto Scroll Speed (seconds)
Style Controls
• Tabs: gap, separator color, background, padding, border radius
• Tab: typography, inactive/active colors, active background, padding, border radius
• Content Area: gap, background, padding, border radius
• Media Items: gap, height, border radius
• Overlay: color, opacity (normal/hover)
• Play Button: size, background, icon color
• Glass Effect: tabs/content backdrop blur
Tabbed Pricing Plan
A tabbed pricing plan widget with multiple plan groups, each containing multiple pricing offers, features list, and CTA button.
Key Features
• Multiple plan groups (tabs)
• Per-group: title, banner image/text, pricing offers, features, footer text, button
• Pricing offers: badge, duration, price, price suffix, total price
• Features: icon + text
• Active pricing offer highlighted with border
• Button text supports {duration} and {price} placeholders
• Glass effect on content panel
• Full styling for all elements
Available Controls
Plan Groups
• Repeater: Group Title, Banner Image, Banner Text
• Pricing Offers Repeater: Badge Text, Duration, Price, Price Suffix, Total Price
• Features Repeater: Icon, Feature Text
• Footer Text (WYSIWYG), Button Text, Button Link
Style Controls
• Tabs: spacing, typography, colors (normal/active), active border color
• Content Background: background, glass effect, padding, border, border radius
• Banner: height, margin, typography, text color, text shadow
• Pricing Offers: spacing, margin, background, border, border radius, padding, active border color
• Features: spacing, margin, typography, color, icon size/color/spacing
• Footer Text: margin, typography, color
• Button: typography, colors (normal/hover), background (normal/hover), border, border radius, padding
Text Breach Reveal
An animated text widget where text emerges from a glowing breach line, then retracts. Multiple text items can loop with configurable timing.
Key Features
• Text emerges from a central breach line
• Configurable emerge speed, retract speed, read time, pause between
• Loop animation or play once
• Trigger on page load or viewport entry
• Glowing text effect or normal text
• Configurable line height, width, center color, glow intensity
• Text spacing from line
Available Controls
Content
• Text Items Repeater: Text
Animation Settings
• Trigger (Page Load/Viewport Entry)
• Loop Animation toggle
• Emerge Speed (seconds), Retract Speed (seconds)
• Read Time (ms), Pause Between (ms)
Style: Text
• Text Effect (Glowing/Normal)
• Typography, Text Color, Glow Color
• Text Spacing from Line
Style: Breach Line
• Line Height, Line Width
• Line Center Color, Glow Intensity
Alignment
• Left/Center/Right
Text List with Animation
A text list widget with staggered entrance animations (slide or fade) when the widget enters the viewport.
Key Features
• Repeater for text items with optional links
• Animation types: slide or fade
• Slide direction: from left or right
• Configurable stagger delay between items
• Configurable slide distance and animation duration
• Trigger offset adjustment
• Responsive alignment
Available Controls
Content
• Repeater: Text, Link
Settings
• Animation Type (Slide/Fade)
• Slide Direction (Left/Right)
• Alignment (Left/Center/Right)
• Stagger Delay (ms), Trigger Offset (px)
Style Controls
• Items: spacing, typography, color, hover color
• Animation: slide distance, duration
Text Split Animation with Carousel
A hero widget that animates text above and below a media element (single image, image carousel, or video). The media starts as a thin line, expands to its final dimensions while the flanking text scales up simultaneously. Clicking any media item reveals a description below the lower text with various animation effects.
Key Features
Media starts as a thin line and expands to final dimensions
Text scales up simultaneously with media expansion
Supports single image, video (MP4), or image carousel
On-click description with typing, fade, or slide effects
Optional button linked to the description
Trigger on page load or when section enters viewport
Optional replay animation when widget comes back into view
Responsive media sizing across devices
Available Controls
Content Tab → Text
Top Text – Text displayed above the media
Bottom Text – Text displayed below the media
HTML Tag – Heading tag for text (H1-H4, div, span)
Content Tab → Media
Media Type – Choose between Image Carousel, Single Image, or Video (MP4)
Single Image / Image Description – Image and its click description
Video URL / Video Description – MP4 URL and click description
Carousel Slides – Repeater for images with individual descriptions
Slide Speed – Carousel transition speed (ms)
Loop Carousel – Enable/disable looping with optional loop count
Content Tab → Final Media Size
Width – Final media width (px, %, vw) with responsive controls
Height – Final media height (px, vh) with responsive controls
Content Tab → Animation
Trigger – Section In View or Page Load
Delay – Animation delay (ms)
Expand Duration – Duration of expansion animation (ms)
Replay Every Time In View – Replay when widget enters viewport
Reset at Scroll Level – Scroll percentage before resetting
Content Tab → Text Scaling
Initial Font Size – Starting font size (px, vw) responsive
Final Font Size – Ending font size (px, vw) responsive
Content Tab → On-Click Description
Reveal Effect – Typing, Fade In, Slide Up, or None
Show Button – Display button below description
Button Label – Text on the button
Button URL – Link destination
Style Tab → Layout
Widget Background – Background color
Min Height – Minimum widget height
Padding – Widget inner spacing
Style Tab → Text
Text Color – Color of top/bottom text
Typography – Font family, weight, etc. (font size driven by animation)
Letter Spacing – Character spacing
Style Tab → Media
Object Fit – Cover, Contain, or Fill
Border Radius – Media corner rounding
Box Shadow – Shadow effect on media wrapper
Style Tab → Description
Alignment – Left, center, or right
Padding – Inner spacing
Max Width – Maximum width of description
Text Color – Description text color
Typography – Font settings
Spacing Above Description – Margin from bottom text
Style Tab → Button
Normal/hover states for text color, background, border color
Padding – Button inner spacing
Border Width – Border thickness
Border Radius – Corner rounding
Typography – Font settings
Text Split Media Reveal
A three-phase animated widget that splits text around a media element, merges them, then reveals final content. The entrance phase shows left text, media, and right text. These merge into a single text, fade out, and transition to a final layout with title, description, and buttons.
Key Features
Three-phase animation: entrance → merge → final content
Supports image or video media types
Video can autoplay with mute option
Final layout includes title, description, and up to two buttons
Adjustable timing for each animation phase
Responsive widget height control
Available Controls
Content Tab → Content
Left Text – Text displayed left of media in entrance phase
Right Text – Text displayed right of media in entrance phase
Media Type – Image or Video
Choose Image – Image for both entrance and final phases
Video URL – Self-hosted video URL
Video Autoplay – Enable/disable autoplay
Video Mute – Mute video (required for autoplay)
Content Tab → Height Settings
Widget Height – Responsive min-height control (px, vh, em, %)
Content Tab → Final Content
Title – Heading text in final phase
Description – Descriptive text
Text Alignment – Left, center, or right
Content Padding – Inner spacing of content area
Elements Spacing – Gap between title and description
Content Tab → Primary Button / Secondary Button
Button Text – Label on button
Link – Destination URL with target options
Enable Second Button – Toggle secondary button
Content Tab → Animation Settings
Entrance Text Size – Font size for entrance text
Entrance Hold Duration – How long entrance phase displays (ms)
Media Fade Duration – Fade duration for media (ms)
Merged Text Hold – Display duration of merged text (ms)
Merged Text Fade Out – Fade out duration (ms)
Style Tab → Entrance Text
Text Color – Color of entrance text
Typography – Font settings
Style Tab → Right Column Background
Background – Solid color or gradient for final content area
Style Tab → Final Title / Final Description
Color – Text color
Typography – Font settings
Style Tab → Buttons
Primary button text color and background
Secondary button text color and border color
Typography – Font settings for all buttons
Text with Hover Media
A widget that displays a popup with image or video when text is hovered (or tapped on mobile). The popup appears near the cursor or at a defined position relative to the text. Supports single text or lists of texts, each with its own media.
Key Features
Hover-triggered popup with image or video
Popup follows cursor or stays positioned relative to text
Multiple position options (right, left, top, bottom, corners, cursor-follow)
Single or list display modes (vertical/inline layouts)
Video support with play icon and lightbox option
Mobile tap support
Customizable animation (fade, fade+scale, fade+slide)
Responsive popup sizing
Available Controls
Content Tab → Mode
Display Mode – Single Text or List of Texts
List Layout – Vertical (stacked) or Inline (horizontal)
Content Tab → Single Text & Media
Text – Content to hover over
HTML Tag – p, h1-h6, span, div
Media Type – Image or Video
Image – Image to display
Video URL – Self-hosted, YouTube, or Vimeo URL
Video Poster – Thumbnail image
Show Play Icon – Display play button overlay
Open in Lightbox on Play – Video opens in lightbox
Content Tab → List Items
Repeater with same text and media controls as single mode
Content Tab → Popup Settings
Popup Position – Right, Left, Top, Bottom, Top-Right, Top-Left, Bottom-Right, Bottom-Left, or Follow cursor
Popup Gap from Text – Offset distance (px)
Show Animation – Fade, Fade+Scale, or Fade+Slide
Animation Duration – Speed of popup appearance (ms)
Enable Tap on Mobile/Tablet – Touch support
Content Tab → Popup Size
Popup Width – Responsive width (px, vw, %)
Popup Height – Responsive height (px, vh, %)
Style Tab → Text Style
Alignment – Left, center, right
Typography – Font settings
Text Color – Normal state
Text Color on Hover – Active state
Underline on Hover – Toggle with custom color
Gap Between Items – Spacing for list mode
Style Tab → Popup Style
Background Color – Popup background
Border Radius – Corner rounding
Border – Border width, style, color
Box Shadow – Shadow effect
Overflow – Hidden or visible
Media Fit – Cover, Contain, or Fill
Style Tab → Play Icon Style
Icon Size – Play button dimensions
Icon Color – SVG fill color
Icon Background – Button background
Icon Border Radius – Corner rounding
Style Tab → Video Lightbox
Overlay Color – Lightbox background
Max Width – Lightbox container width
Text with Image Scroll Background
A widget that displays text content (heading, subheading, description, button) over a background of horizontally scrolling images. Images scroll continuously at configurable speed and direction, with individual vertical positioning.
Key Features
Horizontally scrolling image background
Configurable scroll direction (left-to-right or right-to-left)
Adjustable scroll speed and opacity
Each image has independent vertical position
Loop option for continuous scrolling
Heading, subheading, and WYSIWYG description support
Button with link
Full typography and color styling for all text elements
Text stroke support for heading
Available Controls
Content Tab → Content
Heading – Main title with HTML tag selection
Subheading – Secondary text with HTML tag
Description – WYSIWYG editor for rich text
Content Tab → Button
Show Button – Toggle button display
Button Text – Label
Button Link – URL with target/nofollow options
Content Tab → Scrolling Images
Repeater for images with:
Choose Image – Media selection
Position Top (%) – Vertical position percentage
Content Tab → Scroll Settings
Scroll Direction – Left to Right or Right to Left
Scroll Speed – Duration for full cycle (seconds)
Enable Loop – Continuous scrolling
Carousel Opacity – Transparency of scrolling images
Content Tab → Background
Background – Solid color or gradient for widget background
Style Tab → Heading / Subheading / Description
Typography – Font settings
Color – Text color
Spacing – Margin below element
Alignment – Left, center, right
Text Stroke Width/Color – Outline effect (heading only)
Max Width – Description width constraint
Style Tab → Button
Normal/hover states for text color, background, border color
Border – Width, style, color
Border Radius – Corner rounding
Padding – Inner spacing
Typography – Font settings
Alignment – Left, center, right positioning
Style Tab → Scrolling Images
Image Width – Responsive width (px, vw)
Image Height – Responsive height (px, vh)
Border – Border around each image
Border Radius – Corner rounding
Box Shadow – Shadow effect
Style Tab → Container
Padding – Inner spacing of content area
Min Height – Minimum widget height
Text with Superscript Counter
A widget that displays text with a superscript element that can be either fixed text/number or an animated rotating counter. The counter increments from start to end value at configurable speed.
Key Features
Main text with superscript element
Fixed value (text or number) or rotating counter
Counter animates from start to end value
Adjustable counter speed (ms per step)
Customizable HTML tag for container
Full typography and color styling
Background and border radius for superscript
Configurable spacing between text and superscript
Available Controls
Content Tab → Content
Main Text – Primary text content
Superscript Type – Fixed (text/number) or Rotating Counter
Fixed Value – Static superscript content
Start Counting From – Initial counter value
Stop Counting At – Final counter value
Speed (ms per step) – Animation duration per increment
HTML Tag – Container tag (h1-h6, p, span, div)
Style Tab → Main Text
Typography – Font settings
Color – Text color
Style Tab → Superscript
Typography – Font settings
Color – Text color
Background Color – Badge background
Padding – Inner spacing
Border Radius – Corner rounding
Left Spacing – Gap between main text and superscript (px)
Timeline 1
A vertical timeline widget with alternating image and text layout. Each timeline item displays an image on alternating sides (left/right) with year/date, title, and description text. Features a central separator line with customizable markers at each timeline point.
Key Features
Alternating image positions (left/right per item)
Central separator line with solid, dashed, dotted, or zigzag styles
Customizable markers (circle, square, diamond, arrow)
Optional header with heading and description
Responsive image sizing
Full styling for all text elements
Available Controls
Content Tab → Header
Show Heading – Toggle header section
Heading Text – Main title with HTML tag
Show Description – Toggle description text
Content Tab → Timeline Items
Repeater with per-item controls:
Image Position – Left or Right
Image – Media selection
Text 1 (Year/Label) – Date or category
Text 2 (Title) – Item title
Text 3 (Description) – Detailed text
Style Tab → Separator Line
Line Style – Solid, Dashed, Dotted, or Zigzag
Width – Line thickness (px)
Color – Line color
Style Tab → Timeline Marker
Marker Type – Circle, Square, Diamond, or Arrow
Size – Marker dimensions (px)
Color – Marker color
Border – Border around marker (excluding arrow)
Style Tab → Image
Width – Responsive width (px, %)
Height – Fixed height (px)
Border – Border style
Border Radius – Corner rounding
Box Shadow – Shadow effect
Style Tab → Content
Separate styling for Text 1 (Year), Text 2 (Title), Text 3 (Description):
Color – Text color
Typography – Font settings
Margin – Spacing around element
Style Tab → Header
Heading and description color, typography, margin
Timeline 2 Pro
An enhanced timeline widget with scroll-triggered animations, progress line drawing effect, and support for images, icons, or videos as media. Features active marker effects and staggered item reveal animations.
Key Features
Media types: Image, Icon, or Video (YouTube/Vimeo/self-hosted)
Alternating media positions (left/right)
Separator line with draw-on-scroll animation
Progress line that fills as user scrolls
Active marker effects (glow, pulse, scale up)
Item animations (fade-up, slide-left, slide-right, staggered reveal)
Central marker line with customizable markers
Optional header with heading and description
Available Controls
Content Tab → Header
Show Heading – Toggle header
Heading Text with HTML tag
Show Description – Toggle description
Content Tab → Timeline Items
Repeater with per-item controls:
Media Position – Left or Right
Media Type – Image, Icon, or Video
Image – Media selection
Icon – Icon picker
Video URL – YouTube/Vimeo/self-hosted URL
Text 1 (Year/Label) – Date or category
Text 2 (Title) – Item title
Text 3 (Description) – Detailed text
Content Tab → Animation Settings
Item Animation – None, Fade Up, Slide from Left, Slide from Right, Staggered Reveal
Separator Line Animation – None or Draw on Scroll
Active Marker Effect – None, Glow, Pulse, Scale Up
Style Tab → Separator Line
Line Style – Solid, Dashed, Dotted, Zigzag
Width – Line thickness
Color – Base line color
Progress Color – Fill color for draw animation
Style Tab → Timeline Marker
Marker Type – Circle, Square, Diamond, Arrow
Size – Dimensions
Color – Default color
Active Color – Color when in view
Border – Border style
Style Tab → Image / Icon / Video
Width – Responsive media width
Height – Media height
Border Radius – Corner rounding
Border – Border style
Box Shadow – Shadow effect
Icon Size – Font size for icons
Icon Color – Icon color
Style Tab → Content
Separate styling for Text 1, Text 2, Text 3 (color, typography, margin)
Style Tab → Header
Heading and description styling
Timeline Pro 3
A scroll-driven timeline where media scrolls through text layers as the user scrolls. Each timeline item contains top text, year, media (image or video), description, and bottom tagline. The year counter animates as items come into view, and media scrolls vertically through the container.
Key Features
Scroll-triggered media scrolling through text layers
Year counter animation on scroll
Supports images and videos (YouTube, Vimeo, self-hosted)
Text fade animations between items
Configurable scroll speed and trigger point
Top text and bottom tagline per item
Responsive media sizing
Full styling for all text elements
Available Controls
Content Tab → Timeline Items
Repeater with per-item controls:
Top Text (Optional) – Text above year
Year – Year value (animated)
Media Type – Image or Video
Image – Media selection
Video Source – YouTube, Vimeo, or Self Hosted
YouTube/Vimeo URL – Platform URL
Self Hosted Video – MP4 file
Poster Image – Video thumbnail
Description – WYSIWYG content
Bottom Tagline (Optional) – Text below description
Content Tab → Animation Settings
Scroll Trigger Point (%) – When media starts scrolling (% of widget in view)
Scroll Speed – Speed multiplier for media scrolling
Year Counter Duration (ms) – Animation length for year counting
Text Fade Duration (ms) – Fade transition speed for text
Content Tab → Spacing
Responsive spacing controls for:
Top Text Bottom Spacing
Year Bottom Spacing
Media Bottom Spacing
Description Bottom Spacing
Style Tab → Top Text / Year / Description / Bottom Tagline
Typography – Font settings
Color – Text color
Alignment – Left, center, right
Border – Border style
Padding – Inner spacing
Style Tab → Media
Width – Media width (%, px)
Height – Media height (px, vh)
Border – Border style
Border Radius – Corner rounding
Box Shadow – Shadow effect
Style Tab → Container
Background Color – Widget background
Padding – Inner spacing
Toggle Button
A button-like toggle widget with a pill-shaped indicator that slides between OFF/ON states. The button box has a single background, with the pill showing the current state via background and text color changes. Clicking toggles the state and navigates to a link.
Key Features
Button box with pill indicator
OFF/ON text states with optional icons
Configurable link navigation
Start active option
Separate styling for pill backgrounds and text colors
Right-aligned static text
Responsive alignment
Available Controls
Content Tab → Toggle Button
Left Icon – Icon displayed in pill
Left Text (OFF) – Text when toggled off
Left Text (ON) – Text when toggled on
Right Text – Static text on right side
Link – URL with target/nofollow options
Start Active (ON) – Initial toggle state
Style Tab → Button Box
Background Colour – Single button background
Padding – Inner spacing
Border – Border width, style, color
Border Radius – Corner rounding
Box Shadow – Shadow effect
Style Tab → Pill
Pill Background (OFF/ON) – Separate colors for each state
Text/Icon Color (OFF/ON) – Separate colors
Typography – Font settings
Icon Size – Icon dimensions
Icon-Text Gap – Spacing between icon and text
Pill Padding – Inner spacing
Pill Border Radius – Corner rounding
Style Tab → Right Text
Colour – Text color
Typography – Font settings
Padding – Inner spacing
Style Tab → Alignment
Alignment – Left, center, right positioning
Two-Tone Vertical Split Text
A text widget that applies a gradient to the top half of each character and a solid color to the bottom half, creating a split-color effect. The split position is configurable, and hover effects can transition to different colors.
Key Features
Top half: gradient from start to end color
Bottom half: solid color
Configurable split position (30-70%)
Hover effects with separate color sets
Transition duration control
Text shadow support
Responsive font sizing
Multiple HTML tag options
Available Controls
Content Tab → Content
Text – Content to display
HTML Tag – h1-h6, div, p, span
Alignment – Left, center, right
Content Tab → Top Half Color
Gradient Start – Beginning color of top gradient
Gradient End – Ending color of top gradient
Split Position – Where top/bottom split occurs (30-70%)
Content Tab → Bottom Half Color
Bottom Color – Solid color for bottom half
Style Tab → Typography
Typography – Font family, weight, etc.
Font Size – Responsive font size (px, em, rem, vw)
Enable Shadow – Toggle text shadow
Text Shadow – Shadow controls
Style Tab → Hover Effects
Enable Hover Colors – Toggle hover state
Top Gradient Start (Hover) – Hover start color
Top Gradient End (Hover) – Hover end color
Bottom Color (Hover) – Hover bottom color
Transition Duration – Animation speed
Vertical Carousel with Flanking Titles
A full-height vertical carousel where each slide shows a centered media card flanked by optional left and right titles. Ghost names of adjacent slides appear at reduced opacity. Navigate with keyboard arrows, navigation dots, or vertical swipe on touch devices.
Key Features
Vertical slide navigation (up/down)
Centered media card with flanking titles
Ghost text showing adjacent slide titles
Optional sub-text lines with stagger animation
Keyboard arrow navigation
Navigation dots with active state
Vertical swipe support on touch devices
Image or video media per slide
Configurable widget height (default 100vh)
Gradient or solid background
Available Controls
Content Tab → Slides
Repeater with per-slide controls:
Title – Left – Text on left side
Title – Right – Text on right side
Media Type – Image, Video, or None (placeholder)
Image – Media selection
Video URL – MP4/WebM URL
Sub-text Lines – Up to 5 text lines per slide
Content Tab → Layout
Widget Height – Height with responsive units (px, vh)
Show Navigation Dots – Toggle dot indicators
Sub-text Animation – Stagger (fade line by line) or None
Style Tab → Background
Background Type – Solid or Gradient
Solid Color / Gradient Colors – Background styling
Gradient Direction – 90°, 180°, 135°, 45°
Style Tab → Media Card
Width – Card width (px, vw)
Height – Card height (px, vh)
Border Radius – Corner rounding
Object Position – Center, Top, Bottom, Left, Right
Style Tab → Title Text
Typography – Font settings
Active Title Color – Current slide titles
Ghost Title Color – Adjacent slide preview text
Style Tab → Sub-text
Typography – Font settings
Sub-text Color – Text color
Gap Below Media – Spacing from media card
Vertical Interactive Cards
A vertical stack of interactive cards that expand when clicked/tapped. Each card contains a background (image, video, or color/gradient), icon, title, and description. Only one card is open at a time, with smooth transitions between cards.
Key Features
Vertically stacked card layout
Click/tap to expand a card (closes others)
Card types: Image background, Video (with play/mute controls), Color/Gradient background
Video support with play/pause and mute/unmute controls
Gradient backgrounds with up to 4 colors (linear or radial)
Optional navigation buttons (prev/next)
Navigation position options (left, right, bottom)
Configurable card gap and container height
Smooth open/close transitions
Available Controls
Content Tab → Cards
Repeater with per-card controls:
Card Type – Image, Video, or Color Background
Image – Background image
Video URL – MP4 URL
Video Poster – Thumbnail image
Background Type – Solid or Gradient (for color cards)
Solid Color – Single color
Gradient Type – Linear or Radial
Gradient Angle/Position – Direction control
Gradient Colors – Up to 4 colors
Icon – Icon picker
Title – Card heading
Description – Card text
Min 2, max 4 cards
Content Tab → Layout
Container Height – Carousel height (px, vh, em)
Card Gap – Spacing between cards
Show Navigation – Toggle prev/next buttons
Style Tab → Cards
Border Radius – Card corner rounding
Overlay Color – Overlay over background media
Style Tab → Content
Padding – Content area inner spacing
Icon Color – Icon color
Icon Size – Icon dimensions
Title Color – Heading color
Title Typography – Font settings
Description Color – Text color
Description Typography – Font settings
Style Tab → Video Controls
Background – Button background
Border Color – Button border
Icon Color – SVG fill color
Button Size – Control button dimensions
Style Tab → Navigation
Position – Right, Left, or Bottom Center
Button Size – Nav button dimensions
Color – Icon and border color
Background – Button background
Vertical Mix Carousel
A single-column vertical scrolling carousel with mixed media support (images, self-hosted videos, YouTube, Vimeo). Items scroll continuously with configurable speed and direction. Each item can optionally show a popup button with custom link. Videos auto-preview with optional hide of play icon.
Key Features
Vertical scrolling carousel (items move up or down)
Mixed media: Images, Self-hosted Videos, YouTube, Vimeo
Seamless loop with duplicated items
Configurable scroll direction (top/bottom)
Speed control (5-60 seconds per cycle)
Start trigger: Page Load or When in Viewport
Pause on interaction option
Optional popup button per item with custom link
Hide video play icon option (auto-preview)
Available Controls
Content Tab → Carousel Items
Repeater with per-item controls:
Media Type – Image, Self Hosted Video, YouTube, Vimeo
Image – Media selection
Self Hosted Video – MP4 file
YouTube URL – YouTube video URL
Vimeo URL – Vimeo video URL
Popup Button Text – Optional button label
Popup Button Link – URL with target/nofollow
Content Tab → Carousel Settings
Direction – Scroll Up (items move down to top) or Scroll Down (items move top to bottom)
Speed – Seconds for full cycle
Start Trigger – Page Load or When in Viewport
Pause on Interaction – Pause scrolling on hover/tap
Hide Video Play Icon – Auto-preview without play button
Style Tab → Item Size
Width – Responsive width (px, %)
Height – Fixed height (px)
Spacing Between Items – Gap (px)
Style Tab → Item Style
Opacity – Item transparency
Border – Border style
Border Radius – Corner rounding
Box Shadow – Shadow effect
Style Tab → Container
Container Height – Viewport height (px, vh)
Alignment – Left, center, right alignment of items
Style Tab → Popup
Overlay Background – Popup backdrop color
Button Style – Typography, text color, background, hover background, padding, border radius
Video in Text Effect
A canvas-based widget that plays video through text using compositing. Text acts as a mask revealing the video beneath. Includes a reveal button that triggers a transition (wipe, scale+fade, or fade) to show the full video.
Key Features
Video plays through text using canvas compositing
Text acts as a mask/window to the video beneath
Configurable font (family, weight, size)
Reveal button with icon and label
Reveal animations: Wipe Left→Right, Wipe Right→Left, Scale & Fade, Fade
Auto-reveal on viewport entry with configurable delay
Self-hosted MP4 video support
Loop and mute options for video
Available Controls
Content Tab → Content
Mask Text – Text that acts as window to video
Video File (self-hosted) – MP4 video
Loop – Enable video looping
Mute – Mute video (required for autoplay)
Show Reveal Button – Toggle button
Button Icon – Icon picker
Button Label – Text on button
Button Position – Top-left, Top-center, Top-right, Center, Bottom-left, Bottom-center, Bottom-right
Content Tab → Reveal Transition
Animation – Wipe LTR, Wipe RTL, Scale & Fade, Fade
Duration – Animation length (ms)
Auto-Reveal on Viewport Entry – Toggle auto-trigger
Delay – Auto-reveal delay (ms)
Style Tab → Widget
Height – Widget height (px, vh)
Background Color – Fallback background
Style Tab → Mask Text
Font Size – Text size (auto-scales if too wide)
Font Weight – 400, 700, 800, 900
Font Family – Any available font
Style Tab → Reveal Trigger
Color – Icon and text color
Icon Size – Icon dimensions (px)
Massive Addons Kit for Elementor by Pretpot provides you with multiple free and pro widgets to design professional websites.