A scrollable container component that applies a CSS fade effect to the edges of content during vertical or horizontal scrolling to provide a smooth visual transition.
A customizable scroll container featuring native scroll behavior, optional gradient fade masks for overflow, and auto-hiding scrollbars that appear on hover or scroll.
A horizontal scroll area component featuring a custom scrollbar and viewport that displays a gallery of images with captions in a flexible, whitespace-preserving layout.
A vertical scrollable container featuring a custom-styled scrollbar thumb and integrated separators, built with Radix UI primitives and Tailwind CSS for managing overflow content.
A customizable scrollable container component that provides native-like scrolling behavior with styled, accessible scrollbars built using Base UI and Tailwind CSS.
A scrollable viewport component that dynamically displays customizable top, bottom, left, or right shadow gradients based on overflow state using ResizeObserver and scroll event tracking.
A scroll-triggered animation component that applies dynamic visual effects like scaling, blurring, or color transitions to content as the user scrolls through the viewport.
A high-performance scroll area component featuring dynamic overflow detection, optional scroll fading, and gutter management, built with React and Tailwind CSS for seamless content navigation.
A customizable scrollable container built with Radix UI that provides cross-browser consistent scrollbars with support for vertical and horizontal orientations.
A customizable scroll area component built with Base UI primitives, featuring a responsive viewport, dynamic scrollbars, and accessible focus-visible ring indicators.
A customizable scrollable container that provides cross-browser consistent scrollbars and native-like scrolling behavior using Radix UI primitives.
A custom scrollable container component that hides native browser scrollbars while providing a functional, draggable scrollbar thumb for improved UI aesthetics and consistent cross-browser scrolling behavior.
A custom scroll area component built on Radix UI featuring a restyled overlay scrollbar with hover-triggered visibility, smooth opacity transitions, and automatic fallback to native touch-based scrolling for mobile devices.
A customizable scroll area component featuring auto-hiding scrollbars, support for vertical and horizontal orientations, and accessible focus-visible indicators built with Base UI.
A customizable scroll area component built on Base UI featuring optional scroll fading, gutter management, and overflow-aware styling with support for vertical, horizontal, or dual-axis scrolling.
A customizable scroll area component featuring a viewport, adjustable scrollbars, and thumb indicators, built with Base UI primitives for accessible, cross-browser scrolling behavior.
A custom scroll area component featuring a liquid glass-styled scrollbar with semi-transparent background effects and smooth hover transitions built on Radix UI.
A scrollable container component featuring hidden scrollbars and integrated navigation arrows, allowing users to scroll through content items using press-based triggers.
A horizontal scrolling container component that enables smooth side-to-side navigation for a list of cards, featuring a flexible layout and customizable orientation.
Select an Item to view its code
Choose an item from the list to view its code and files.