Skip to content

Conversation

@lourduradjou
Copy link

@lourduradjou lourduradjou commented Jun 17, 2025

This PR adds smooth scroll behavior to the site using Lenis.

Closes #83

Changes:

  • Initialized Lenis in useEffect using requestAnimationFrame.
  • Included cleanup-safe scroll loop.
  • Applied official Lenis CSS (as recommended in docs):

Result:
The entire page now scrolls with a smooth, polished effect, improving UX without introducing scroll lag or layout shifts.

You can refer these videos below to get the visual appearance.

Without Lenis (current site):

responsible_site_without_lenis.mp4

With Lenis:

responsible_site_with_lenis.mp4

@vercel
Copy link

vercel bot commented Jun 17, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
responsively-app-website ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 18, 2025 0:34am

@CLAassistant
Copy link

CLAassistant commented Jun 17, 2025

CLA assistant check
All committers have signed the CLA.

Copy link
Contributor

@manojVivek manojVivek left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey, thank you for this contribution!
Just a couple of minor things.

@@ -0,0 +1,19 @@
html.lenis, html.lenis body {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is it possible to check if this smooth scrolling can be applied when the navbar links are clicked? Like the "Features", "Testimonials" links?

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ok i'll add this and let you know @manojVivek

@lourduradjou
Copy link
Author

Hi @manojVivek , i have all the changes you asked , now the site is smooth when it scrolls, not only in the root page, also in sponders, blogs .
And navlinks also made smooth when it is clicked, you can see the changes for 'features', 'testimonials'
I found some jsx errors in the footer file, i changed that also.

I am interested to contribute more if you need anything else @manojVivek , this repo doesn't have a docs shall i create a simple explanation and also how to run the repo for beginners.

i found some bugs in the actual responsibly app, shall i make a pr there too?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat: adding lenis smooth scroll for better user experience

3 participants