nowfound

Growth · June 25, 2018

ReactScrollShadow – CSS shadow to indicate scrollable area

Pure CSS shadow to indicate more content in scrollable area - zzarcon/react-scroll-shadow

ReactScrollShadow – CSS shadow to indicate scrollable area launched on June 25, 2018 with 38 votes, #738 of 2,653 launches that month and more than 90% of that year's launches. The site was still online in September 2026, 8 years on.

In plain words

ReactScrollShadow is a CSS component that displays a shadow effect to indicate when an area contains scrollable content. Built for developers working with React, it provides a visual cue showing users that more content is available beyond the visible area. The tool uses CSS shadows rather than heavy JavaScript, making it a lightweight solution for improving scrollable interface usability.

written from the facts on this page · September 2026

Does a similar job

all alternatives →
  • ReactSymbols UI Kit2017 · coolsymbol.now · ▲288

    UI elements in ready-to-use components for React

  • React Reveal – simple reveal on scroll animations for React apps2018 · react-reveal.com · ▲19

    Cuan cerdas berawal dari strategi yang terukur! Temukan panduan memilih permainan yang tepat serta tips mengatur target harian di OLXCENTER. Gabung dan pelajari triknya sekarang!

  • React-Kino – Cinematic scroll storytelling for React (1KB core)Mar 2026 · github.com · ▲19

    I built react-kino because I wanted Apple-style scroll experiences in React without pulling in GSAP (33KB for ScrollTrigger alone). The core scroll engine is under 1KB gzipped. It uses CSS position: sticky with a spacer div for pinning — same technique as ScrollTrigger but with zero dependencies. 12 declarative components: Scene, Reveal, Parallax, Counter, TextReveal, CompareSlider, VideoScroll, HorizontalScroll, Progress, Marquee, StickyHeader. SSR-safe, respects prefers-reduced-motion, works with Next.js App Router. Demo: https://react-kino.dev GitHub:…

  • ReactCircle – Renders SVG circle and percentage2018 · github.com · ▲63

    Renders a svg circle + progress, it just works 💘. Contribute to zzarcon/react-circle development by creating an account on GitHub.

  • 20+ Free Tailwind CSS & React Blocks2024 · material-tailwind.com · ▲184

    Fully coded UI sections with designer file included

  • React Native scrollable bottom sheet native animations gestures 60FPS2020 · github.com · ▲144

    Cross platform scrollable bottom sheet with virtualisation support, native animations at 60 FPS and fully implemented in JS land :fire: - rgommezz/react-native-scroll-bottom-sheet

More growth this month

the category →
  • wallhop is a free paywall bypass. Paste any article link to read it without paywall popups, ads or clutter. No signup, no extension. A simple 12ft.io alternative.

    Growth · 11d ago · wallhop.io

  • Prefer▲201

    The execution layer for AEO

    Growth · 23d ago · tryprefer.com

  • MakerMap▲197

    A living map of makers and what they’re building

    Growth · 26d ago · makermap.lol

Source: Show HN post ↗

Launched alongside, June 2018

the whole month →