widgets.supply
Getting Started

Introduction
Installation

Texts
Arc Title Blade Reveal Blended Hover Blur Reading Blur Reveal Counter Decode Hover Decode Reveal Dynamic Copyright Fluid Gradient Highlight Highlight Hover Letter Launcher Link Preview Looping Lines Looping Lines v2 Looping Lines v3new Mask Hover Proximity Hover Read More Scribble Reveal Scroll Reading Swap Hover Text Shimmer Twist Reveal Typed Underline Hover Unfold Hover 3D Swap Hover
Buttons

Anyside Button
Arrow Button
Arrow Button v2
Arrow Button v3
Arrow Button v4
Arrow Button v5
Arrow Button v6
Arrow Button v7
Arrow Button v8
Blurry Button
Bubbles Button
Crystal Button
Dot Button
Dot Button v2
Dot Button v3
FlipFlop Button
FlipFlop Button v2
FlipFlop Button v3
Glowing Button
Marquee Button
Marquee Button v2
Mask Button
Modal Button
Nudge Button
Pixels Button
Prism Button
Prism Button v2
Rainbow Button
Reel Button
Ripple Button
Ripple Button v2
Ripple Button v3
Ripple Button v4
Ripple Button v5
Ripple Button v6
Ripple Button v7
Shiny Button
Squeezy Radius Button
Strip Button
Stripes Button

Menus
Burger Dock Drawer Dropdown Dynamic Island Expanding Menu Expanding Navnew Focus Nav Gooey Nav Morphing Nav OffCanvas Menu Overlay Menu Sticky Header
Medias
Before/After Image Image Hotspots Image Reveal Image Reveal v2 Image Reveal v3 Image Reveal v4 Lightbox Parallax Scrolling Gallery Video Tabsnew
Cursors

Crosshair
Cursor
Cursor Slide
Cursor Trail
Designer Cursor

Sliders

Infinite Slider
Parallax Slider
Stories
Thumbnail Slider

Background

Border Beam
Fluids
Gradiently
Grainy
Interactive Lines
Interactive Lines v2
Interactive Lines v3
Interactive Lines v4
Overlay Shadows
Particles
Physics
Scrolling Background
Spotlight
Spotlight v2
Tiles

Cores
Audio Player Back to Top Click and Copy Decode Card Distorsion Tabs Expanders Flipbox Glitchy Horizontal Marquee Interactive Divider Inverted Corner Looping Tabs Lottie Motion Divider Observer Progress Bar Progress Bar v2 QR Code Scrollbar Smooth Scroll Stacking Cards Sticky Footernew Tabs Tippy Toast Toolteam Pixels Shimmer Card Sharer Spinner Vertical Marquee
Jose Tamu
Sep 22, 2025 /
Beginner /
Light

Scrollbar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis volutpat ullamcorper massa quis gravida. Duis pretium in neque id consectetur. Aenean at libero lacus. Vivamus semper risus non ultricies lacinia. Sed eu venenatis diam. Sed congue efficitur imperdiet. Donec non porttitor sapien. In semper eget nulla vitae lacinia. Praesent cursus nulla tortor, a pellentesque metus aliquet id. Sed vitae lectus quis ante rutrum iaculis nec eget dolor. Donec congue posuere nisi, ut facilisis odio fermentum at. Phasellus at sapien in massa consectetur sodales eu auctor elit. Proin hendrerit bibendum augue tincidunt blandit. Duis congue vestibulum interdum. Vestibulum in auctor risus, non luctus purus. Vestibulum commodo quam enim, in pharetra metus auctor sed. Proin vel nulla vel ante euismod malesuada. Nulla iaculis dui est, sit amet consequat sapien commodo vitae. Vivamus nec risus lacinia enim pharetra euismod. Nunc at turpis tincidunt, rhoncus ex a, condimentum odio. Nam suscipit turpis non sapien iaculis ultrices. Duis sit amet luctus dui, vitae semper nulla. Maecenas tristique diam a nibh facilisis venenatis. Ut dictum eros dapibus sollicitudin pretium. Nunc et mi ut mi commodo facilisis. Sed commodo magna sodales, ornare quam in, placerat massa. Nullam ac sodales nisl. Fusce accumsan, odio ac sollicitudin porttitor, est nulla dignissim risus, a finibus massa augue in magna. In semper ut eros id sagittis. Quisque sem elit, convallis eu vulputate ut, aliquam sed nunc. Nam sodales tortor et metus euismod mollis. Integer quis magna eu orci aliquam viverra. Curabitur tincidunt velit ac ultricies convallis. Etiam sed imperdiet dui. Donec euismod viverra lectus a faucibus. Cras ut venenatis ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin posuere pellentesque justo feugiat gravida. Cras luctus velit at semper fermentum. Donec convallis iaculis felis, et maximus nibh lobortis nec. Nulla facilisis magna id ornare imperdiet. Vivamus commodo urna at dolor dapibus tempus. Sed ut lectus non purus iaculis tincidunt at eget enim. Fusce in tellus nibh. Nullam elementum, nunc eu lacinia faucibus, odio sem egestas eros, eu elementum eros nisi vel risus. Cras quis vestibulum felis. Nulla in nunc porta, dictum libero nec, efficitur magna. Vivamus nibh lacus, egestas feugiat elit sit amet, interdum pharetra erat. Curabitur id mauris a lorem tempus vehicula. Aenean fermentum mollis nibh, sed elementum mi pharetra eget. Sed commodo pretium luctus. Suspendisse posuere quis felis eget cursus. Aenean nisl arcu, iaculis sed pellentesque at, fermentum ac quam.

How it works

Scrolbar widget will style the native scrollbar, it won’t replace it.
Scrollbar widget requires an overflow at the element where it is applied, otherwise there is no scrollbar to display.

Content tab

Settings group

Target: select an element by it’s classname where the scrollbar element will adopt the native scrollbar behaviour.
OverflowY/OverflowX: select a “scroll” or “hidden” state for the vertical or horizontal scroll of the target.
Visibility: wether to display or not the scrollbar visibility.
Autohide: there are 4 types available: never (always shows the scrollbar), scroll (shows the scrollbar only when a scroll hit is produced), leave (hides the scrollbar when the user leaves the site), move (shows the scrollbar only when a scroll hit is produced or a cursor move).
Autohide delay: if there is an autohide option enable, here you can set a delay value for it.

Style tab

Here you can design the track and thumb styles including their hover and active states. At the track, horizontal padding will set distance regarding left/right and vertical padding will set distance regarding top/bottom of the element targeted.