Smooth Horizontal Scroll Slider

"Smooth Horizontal Scroll Slider" is a lightweight npm package designed for React projects with TypeScript. It seamlessly integrates smooth horizontal scrolling in vertical containers, simplifying dynamic layouts and enhancing UI animations.

View on GitHub

View on NPM

Scroll Down

Example


import { Shss, ShssWrapper, ShssSlide } from 'smooth-horizontal-scroll-slider'

const MyComponent = () => {
  return (
    <Shss speed={2}>
      <ShssWrapper>
        <ShssSlide>
          <div className='your-custom-class'>Slide content here ...</div>
        </ShssSlide>
        <ShssSlide>
          <div className='your-custom-class'>Slide content here ...</div>
        </ShssSlide>
        ...

      </ShssWrapper>
      <ShssWrapper direction='rtl'>
        <ShssSlide>
          <div className='your-custom-class'>Slide content here ...</div>
        </ShssSlide>
        <ShssSlide>
          <div className='your-custom-class'>Slide content here ...</div>
        </ShssSlide>
        ...

      </ShssWrapper>
    </Shss>
  );
};

export default MyComponent;