Command Palette

Search for a command to run...

Docs
Feature Scroll Section

Feature Scroll Section

This component is used to build the scroll feature section of the website.

Open in New Tab
Recommended

Individual License - Lifetime Access

$199

one-time payment

Beautifully crafted React + Tailwind CSS + Framer Motion components and templates for your next web project.

What's included:

  • Over 50+ sections — Everything you need to build beautiful landing pages
  • 5+ templates — Templates built with React, Next.js, and TailwindCSS
  • Commercial Use — Use the templates for commercial projects. Re-selling of code is NOT allowed.
  • Perpetual license — You own the templates, forever
  • Lifetime access — Get access to everything available today, plus everything added in the future
  • Lifetime updates — Get access to all future updates for the original purchase price

The ScrollFeatureContainer component accepts the following props:

Prop NameTypeRequiredDescription
direction"ltr" or "rtl"YesDetermines the layout direction of the scroll feature. "ltr" stands for left-to-right, and "rtl" stands for right-to-left.
imageSrcstringYesThe source URL of the image to be displayed within the scroll feature.
childrenReact.ReactNodeYesThe content to be rendered inside the scroll feature container.
topPositionstring (optional)NoSpecifies the top position for the sticky content. Defaults to "53%" if not provided.

Default Values

  • topPosition: If not specified, defaults to "50%".