Nayan UI
  • Home
  • React
  • React Native
  • Game Engine
  • Games
  • Video Editor
  • Tools
Get Started1
Installation
Components54
AccordionAlertAvatarAvatar GroupBadgeBreadcrumbsButtonButton GroupCalendarCardCheckboxCheckbox GroupChipConfirm AlertDate FieldDate PickerDate Range PickerDialogDisclosureDividerEmpty StateInfinite ScrollInputInput OTPKeyboard KeyLinkLinkifyList BoxLoadingDropdown MenuMeterNumber FieldPaginationPopoverProgressProgress CircleRadio GroupScroll ShadowSelectSearch FieldSheetSkeletonSliderSwitchSwitch GroupTableTag GroupTabsTextareaTime FieldToastToggle ButtonToolbarTooltip
  1. Home/
  2. React/
  3. React Scrollable Area

React Scrollable Area

A Scroll Shadow fades the edges of a scrollable area while there is more content beyond them, so a cut-off list looks scrollable instead of finished. The shadows appear and disappear as the content is scrolled, on either axis.

Scroll Shadow

A Scroll Shadow fades the edges of a scrollable area while there is more content beyond them, so a cut-off list looks scrollable instead of finished. The shadows appear and disappear as the content is scrolled, on either axis.

Nayan UI

Open source React and React Native components, a 3D game engine, 50+ games, a browser video editor and free developer tools.

On npm

  • react
  • native
  • engine
  • cli
  • ai
Star on GitHub

Documentation

  • React installation
  • React components
  • React Native installation
  • React Native components
  • Game Engine
  • Component tags

Tools

  • Video Editor
  • Games
  • Tools
  • Sitemap generator
  • Robots.txt generator

Project

  • Contributing
  • GitHub

© 2026 Nayan UI

MIT License·

Made in India