Skip to content
Boring Doc
Official documentation (snapshot)doc

Using slivers to achieve fancy scrolling

Where to find information on using slivers to implement fancy scrolling effects, like elastic scrolling, in Flutter.

Source last updated Oct 21, 2026 · last synchronized 3 weeks ago · commit b3045439b7c0 · read on docs.flutter.dev

This is a rendered snapshot of the official page as stored by Boring Doc for provenance and search. Site-specific components (embedded demos, DartPad, images with relative paths) may not render; use the official page for the full experience. Content © The Flutter Authors, CC BY 3.0.

A sliver is a portion of a scrollable area that you can define to behave in a special way. You can use slivers to achieve custom scrolling effects, such as elastic scrolling.

For a free, instructor-led video workshop that uses DartPad, check out the following video about using slivers.

Resources

For more information on implementing fancy scrolling effects in Flutter, see the following resources:

Slivers, Demystified : A Flutter blog post that explains how to implement custom scrolling using the sliver classes.

SliverAppBar : A one-minute Widget-of-the-week video that gives an overview of the SliverAppBar widget.

SliverList and SliverGrid : A one-minute Widget-of-the-week video that gives an overview of the SliverList and SliverGrid widgets.

Slivers explained - Making dynamic layouts : A 50-minute episode of The Boring Show where Ian Hickson, Flutter's Tech Lead, and Filip Hracek discuss the power of slivers.

API docs

To learn more about the available sliver APIs, check out these related API docs:

Was this useful?

Content from flutter/website, © The Flutter Authors, used under the Creative Commons Attribution 3.0 License; code samples under the BSD License.