---
title: "SimpleBar React"
description: "A React integration for custom scrollbars with native scrolling."
pagination: false
---

{/* Generated from content/. Edit the catalog, not this page. */}

<PurposeNote title="Good for">Styling a scrolling container without replacing its basic scroll behavior.</PurposeNote>

## What it does

A React integration for custom scrollbars with native scrolling.

## When it fits

Styling a scrolling container without replacing its basic scroll behavior.

## Other options in this category

<div data-pagefind-ignore>

- [compute-scroll-into-view](/scrolling/compute-scroll-into-view) — Implementing controlled scrolling and alignment in nested containers.
- [Lina](/scrolling/lina) — Refining scroll-container interactions in a shadcn-style interface.
- [OverlayScrollbars](/scrolling/overlayscrollbars) — Styling scrolling containers while retaining familiar browser interaction.
- [react-remove-scroll-bar](/scrolling/react-remove-scroll-bar) — Opening overlays while keeping the underlying layout stable.

</div>

## Source

[Project source for SimpleBar React ↗](https://github.com/Grsmto/simplebar/tree/master/packages/simplebar-react)

Editorial overview reviewed on October 24, 2026. Follow the source for current setup, compatibility, and licensing.

[Control a scrolling view →](/tasks/control-a-scrolling-view)

[All scrolling &amp; scrollbars options →](/scrolling)