About

A lightweight floating action button that appears while scrolling long lists and smooth-scrolls to the top with one tap. Clean, snack-sized UI that feels native in food menus, feeds, catalogs, and dashboards.

Functionality

  • Auto-show/auto-hide after a scroll threshold (configurable px).

  • Smooth animated scroll to top with adjustable duration & easing.

  • Haptic & ripple feedback on tap (optional).

  • Positioning controls: bottom/side offsets, safe-area aware.

  • Visibility logic: fade/scale in; hide when near the top.

  • Icon & style customizable (arrow, chevron, text, badge).

  • Theming: color, elevation/shadow, shape (pill/round), blur.

  • RTL/LTR and landscape support.

  • Accessibility: large hit target, semantic label (“Scroll to top”).

  • State hooks: emit events when shown/hidden or after scroll completes.

  • Performance-friendly: throttled listeners; no jank on long lists.

Keywords: scroll to top, back to top, floating action button, FAB, smooth scrolling, animated scroll, listview helper, gridview, sliver list, scroll controller, threshold, auto hide, fade in, scale animation, elevation shadow, rounded button, arrow up, chevron up, haptics, ripple effect, safe area, offset, duration, easing curve, RTL support, accessibility label, large tap target, performance, throttled listener, feed navigation, long list UX, mobile UI, FlutterFlow widget, Flutter component, theming, dark mode, light mode, sticky UI, quick navigation, catalog, menu list, infinite scroll.

Scroll to Top Floating Button

We’ll build your app in 7 days
Features
Categories
Style
Support
Single Use Individual License

You may only use this template for one project. For more details, please read the Marketplace Terms of Service.