Skip to content

[FEAT] Add Auto-Scrolling Animation for Feature Cards Section #846

Description

@DnN04

✦ Is your feature request related to a problem?

Currently, the Feature Cards section remains static and requires manual interaction to explore all available cards. On larger screens, the section feels less engaging, and users may overlook some features without actively scrolling.

⟡ Describe the Proposed Solution

Implement an auto-scrolling carousel/slider behavior for the Feature Cards section.

Proposed functionality:

  • Feature cards automatically scroll horizontally at a smooth and readable speed.
  • Auto-scroll pauses when the user hovers over a card.
  • Users can still manually navigate through the cards.
  • The animation should be responsive across desktop, tablet, and mobile devices.

This enhancement would improve user engagement, make the section feel more dynamic, and showcase all feature cards without requiring user interaction.

✦ Describe Alternatives Considered

  • Keeping the cards static with manual scrolling only.
  • Adding navigation arrows instead of automatic scrolling.
  • Displaying fewer cards at a time with pagination controls.

While these alternatives work, an auto-scrolling carousel provides a more modern and interactive user experience.

🎨 Visual Mockup/Sketches (Optional)

Reference inspiration:

  • Modern SaaS landing pages with continuously scrolling feature cards.
  • Testimonial and partner logo carousels commonly used on portfolio and startup websites.

⟡ Additional Context

The implementation should prioritize smooth performance and accessibility. The scrolling animation should not interfere with user interaction and should gracefully pause when users hover over or interact with the cards.

Metadata

Metadata

Assignees

Labels

gssocOfficial GSSoC '26 issue tagtype:designTactile visual design and UI alignmentstype:featureNew functional feature additionstype:performancePerformance and latency optimizationstype:testingIntegration and unit test coverage

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions