Each component includes its own easy-to-use options panel.
Expose / Pages / fonts / current page.......
A clean, customizable navigation path that helps users understand exactly where they are on your site.
Set the first root level to ensure all projects share a common starting point, so multi-project sites always display paths correctly.
A must-have tool to guide visitors smoothly through your content.
Options:
Home Icon:
The Home icon changes thickness, size and position, Turn On /Off
Home Label:
Set the starting point text (e.g. “Home” or “Lander”).
Path Offset:
Choose which URL level starts your breadcrumb. skip top folders with ease. From Root to Level5.
Exclude URL Levels:
Hide specific folders or pages (e.g. menu, categories) from the path.
Typography:
Set font, size, weight, spacing, and case for perfect readability.
Colors:
Color for breadcrumb links and separators.
Separator:
Pick from different symbols / & ›
Usage:
Only one per page
✓ Works in any project — just drop it in, no setup needed.
Customizable Privacy Pop-Up for your project.
The Pop-Up can display any type of content, including text, links, images, or other elements.
ⓘ In Elements Preview, you can choose whether to show or hide it, allowing you to see the pop-up in the editor without affecting the live site.
ⓘ In the browser preview, you can force it to display regardless of existing cookies, ensuring full visibility for testing. This component is one per page only, and it handles cookie expiration automatically.
Options:
Read More Link
Enable or disable the link.
Set custom text: Link to your privacy or terms page.
Accept Button: Set button text.
Choose text wrapping behavior (no wrap or normal).
Customize colors: Background color & Background color on hover
Overlay: Set background color & opacity.
Layout: Adjust bottom margin.
Duration: Set the number of days for cookie expiration.
✓ Works in any project — just drop it in, no setup needed.
A sleek, customizable bar that fills as users scroll down the page. Simple to implement and fully adaptable to your layout and design.
Options:
Height: Set the thickness of the bar.
Position: Fixed, absolute, or relative.
Z-Index: Control stacking order.
Colors: Gradient direction, left/center/right colors, opacity.
Background: Set bar background and opacity.
Effects: Optional blur and shadow for a polished look.
ⓘ Use fixed for standalone bars, relative inside sticky headers.
ⓘ Adjust z-index to prevent overlap with other elements..
✓ Works in any project — just drop it in, no setup needed.
Add a smooth fade-in effect to your page as it loads.
Fully customizable — adjust speed, delay, easing, and starting opacity from the control panel.
ⓘ Optional: disable on small devices and set the display breakpoint.
✓ Works in any project — just drop it in, no setup needed.
Provides a quick way for users to jump back to the top of the page.
ⓘ The toggle only reinforces visibility in preview
ⓘ The button automatically scrolls to the top, no target setup required.
Customize its color as needed.
✓ Works in any project — just drop it in, no setup needed.
Header FX + Menu icon + Modal animations
Internal Script
Header Parallax effects, Menu improvement and CSS classes
ⓘ Connect Scrip to Project
Simply paste the CSS classes into your elements and configure everything through the control panel—no extra setup required.
✓ Parallax Effect
Content layers move at different speeds while scrolling.
Speed – Adjustable between 5% and 20%
Visible At – Choose the minimum viewport width (640px, 768px, 1024px).
✓ Scaling Effect
The scaling effect lets the header zoom in or out as the page scrolls.
Invert Direction – Switch between zoom-in (+) or zoom-out (–).
Speed – from 05 to 20, defining how quickly the header scales.
Visible At – Select device breakpoints just like in the parallax section.
✓ Icon Menu Settings
Customize shape, color, size, animation, and interactivity.
◉ ● 〇 ▣ ▢ ◈ ⬥ ⬦ ✦ ⟡ ❖ ☆ ★ ⟁ ▲ △ ︽ ☝︎
Basic Options
Enable Preview – Displays all dots in edit mode for easier alignment.
Shape and Size
Shape Selection and Size – Adjustable from 10px to 60px.
Distance – Sets spacing between dots (0px–30px).
Color and Opacity
Inherit Menu Color – Option to use the menu’s default color or custom color.
Opacity Settings – Separate sliders for current page & hover state, from 0.2 to 1.0.
Animation
Duration instant and 1.0s. and custom transition style.
✓ Povide some useful CSS classes to apply to elements in the project
Animations → fade, zoom, slide-top/bottom/left/right to add smooth animations to modals.
✓ Part of Expose project; required code.
Expose Project
All the resources for building a full website
Header Video or Image + 2 menu
+ Footer
Animation made
with elements dividers
Expose Core
Modal Classes
Google map
2 available into the project.
Raleway
Montserrat
+ 4 ready to use
Fade-in Body
Privacy Pop-Up
Progress Bar
Back to top
Breadcrumbs
Three remarkable designs now together in one powerful offer