Dev Design LibraryScroll Area Components
Dev Design Library indexes 55 scroll area components from 36 open-source UI libraries, with the most coming from ReUI, ReScript shadcn, Lobe UI, shadcn/ui and Cojeev UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Scroll area components belong to the Layout group.
Message Scrollershadcn/ui · ReactA chat scroll container that anchors turns, opens saved transcripts, follows streamed responses, loads history without…
Scroll AreaChakra UI · ReactUsed to create a scrollable area with custom styled scrollbars
Scroll ShadowHeroUI · ReactAdds dynamic gradient shadows to scrollable content based on scroll position and overflow.
Scroll Areacoss ui · ReactA native scroll container with custom scrollbars.
Scroll AreaOrigin UI · ReactA native scroll container with custom scrollbars.
Scroll AreaRadix Themes · React
Scroll AreaArk UI · ReactA custom scrollable area component with styled scrollbars.
Chat transcript with jump to latestReUI · ReactA scroll region that opens at the live edge with a jump to latest control.
ConversationAI Elements · ReactWraps messages and automatically scrolls to the bottom. Also includes a scroll button that appears when not at the…
Scroll AreaPark UI · ReactA container component with customizable scrollbars for overflowing content.
Scroll AreaLobe UI · ReactA native scroll container with custom scrollbars and gradient scroll fade.
scroll-areaIntent UI · Reactscroll-area
Message ScrollerbeUI · ReactCan fill the inset with the selected conversation.
Scroll AreaTailGrids · ReactA scroll area component to add scrollbars to an element.
Scroll AreaVengeance UI · React
Scroll AreaFluid Functionalism · ReactScroll container with a restyled overlay scrollbar that stays discoverable on hover and follows the shape system…
Scroll FadeToolcraft · ReactScroll area whose edges fade out to hint that there is more content to scroll.
Scroll AreaComponentry · React
Scroll AreaShadcn Dashboard · React
Scroll AreaObsidianUI · React
ChatGPT ThreadNotra · ReactThe ChatGPT conversation column with auto-scroll, a scroll-to-bottom button and a pinned footer.
Scroll AreaShark UI · ReactCustom scrollable area with styled scrollbars.
Scroll FadeWatermelon UI · ReactScroll area whose edges fade out to hint that there is more content to scroll.
Scroll areaArc Library · ReactA native scroll container with thin overlay scrollbars and edge fades that appear only when content overflows.
Message scrollerHextaUI · ReactA chat scroll area that follows new messages, keeps your place while you read back, and counts what you missed on the…
ConversationLocalMode · ReactScrollable message-display surface with first-class scroll-anchoring: auto-pins to the newest content while tokens…
Message ScrollerCojeev UI · ReactKeeps a conversation near its latest content while allowing readers to scroll back without being pulled down.
Scroll AreaROI UI · ReactA native scroll container with custom scrollbars.
Scroll AreaHalaska UI · React
Scroll areaMetal UI · React + SwiftUIA region that scrolls with the system's own scrollbar: a slim thumb that fades in while scrolling and widens when…
Scroll AreaSpaceUI · ReactReplaces standard browser scrollbars with custom, theme-styled scrollbars that appear smoothly when scrolling.
Aria Message ScrollerReScript shadcn · ReScript
Scroll AreaD2Studio UI · ReactAugments native scroll functionality for custom, cross-browser styling.
Pull To RefreshEaseUI · ReactA pull-down gesture over scrollable content: the indicator tracks the finger 1:1, then resists past the trigger…
Scroll AreaReactFrame · ReactA scrollable container with a thin, draggable, auto-hiding custom scrollbar (vertical, horizontal or both) and edge…
Scroll Areaark-cn · ReactA shadcn-style scroll area component built with Ark UI primitives.
Scroll Areashadcn/ui · ReactAugments native scroll functionality for custom, cross-browser styling.
Streaming reply that follows the edgeReUI · ReactautoScroll pins the viewport while tokens arrive, and releases the moment the reader scrolls up.
Scroll ShadowLobe UI · ReactScrollShadow is a component that adds shadow indicators to scrollable content to show overflow in different…
Scroll Area (Base UI)Fluid Functionalism · ReactScroll container with a restyled overlay scrollbar that stays discoverable on hover and follows the shape system…
Scroll areaHextaUI · ReactNative scrolling with a minimal scrollbar, edges that fade only where there’s more to see, and an optional peek that…
Scroll AreaCojeev UI · ReactContains overflowing content in a bounded viewport with styled scrollbars.
Aria Scroll AreaReScript shadcn · ReScript
Anchored turn with a previous peekReUI · ReactscrollAnchor lifts a sent message near the top while a slice of the previous turn stays visible.
Base Ui Scroll AreaLobe UI · React
Base Message ScrollerReScript shadcn · ReScript
Opening position for a saved threadReUI · ReactCompare start, end and last-anchor as the place a reopened thread opens at.
Base Scroll AreaReScript shadcn · ReScript
Load earlier without losing your placeReUI · ReactOlder turns prepend above the reader while the row they were reading stays put.
Thread navigator for stepping turnsReUI · ReactA footer navigator that reports the turn you are reading and jumps between turns.
Basic scroll areaReUI · ReactBasic scroll area
Scroll area with horizontal scrollbarReUI · ReactScroll area with horizontal scrollbar
Scroll area with both scrollbarsReUI · ReactScroll area with both scrollbars
Scroll area with fade effectReUI · ReactScroll area with fade effect
Scroll area with scrollbar gutterReUI · ReactScroll area with scrollbar gutter
Libraries with scroll area components
Related categories
- Tailwind CSS Scroll Area Components
- Animated Scroll Area Components
- Layout Components
- Grid Components
- Bento Grid Components
- Separator Components
- Stack Components
- App Shell Components
- Container Components
- Split Pane Components
- Window Frame Components
- Aspect Ratio Components
- Sticky Scroll Components
- Masonry Components
- Dashboard Grid Components