Showcase double or triple the content in the same space with engaging animations. Focus Panels maximizes your content real-estate with intuitive user interaction. Setup is a breeze, and customization options are robust, allowing you to tailor it to perfectly match your website's design.

Make the Most of Limited Space

With Focus Panels, you can display double or even triple the amount of content within a single area. These panels automatically shift between sections with minimal visitor interaction, making navigation intuitive and seamless. Say goodbye to clutter and hello to focused, engaging web design.

Concealed Overflow

Hide overflowing panels to maintain a clean visual separation between content and webpage design elements.

Flexible Widths

Customize panel widths to suit your content, allowing for additional information without occupying the entire horizontal space.

Always Centered

Opt to keep panels centered when focused, ensuring a consistent viewing experience.

Variable Heights

Each panel can match in height, or display at varying heights with options to vertically align them at top, center, or bottom.

Sliced Overflow

This display mode clips the panels that are outside the content area. A slice visual is added to give the appearance that the panels are piercing through the background of the website.

Normal Sensitivity

When mouse hover interactivity is enabled, the sensitivity is set so that it prevents accidental mouse hovers from unintentionally shifting the panels. The panels will not shift unless the mouse has made movements indicating intention to navigate, and only once the mouse has stopped moving.

High Sensitivity

You can fine-tune sensitivity to heighten responsiveness. Panels swiftly shift upon detecting mouse movement over non-focused content. The animation speed has also been increased in this example to make the panels extremely reactive.

Low Sensitivity

Sensitivity can also be adjusted to reduce the reactiveness of the panels, further ensuring no accidental panel shifts are made.

Scroll to Focus

You have the option to deactivate mouse hover interaction, necessitating visitors to click (or touch on mobile) to switch panel focus. Alternatively, enable scroll functionality, allowing users to shift panels effortlessly using mouse or trackpad movements.

1LD SUPPORT

We won’t leave you hanging! As with any purchase from 1LD, you will have access to our top-notch tech support to help you with any issues you face. Whether it be that 3rd-party addon/stack that refuses to play nice or just some web design advice, our team is there for you.