Toplist
- Effects
- Smooth scroll
- Component
Toplist
- Effects
- Smooth scroll
- Component
Toplist
- Effects
- Smooth scroll
- Component
Top 5 Framer Websites with Smooth Scrolling
In this blog, I’m showcasing 5 incredible Framer websites that have mastered the art of smooth scrolling. From clean, minimal designs to creative portfolios and dynamic studios, these sites prove just how much of a game-changer smooth scroll can be for your user experience. Plus, I’ll share the secret on how they do it.
Posted by
Nandi
Table of contents
I’ve been seeing a ton of searches around “smooth scroll Framer” lately, so today I thought I’d showcase 5 awesome websites that are nailing that smooth scroll experience.
Wanna know their secret? Stick around till the end and I’ll reveal it to you. But first, let’s dive in.
1. Unifiers of Japan
Let’s start with Unifiers of Japan. This website is so good it got awarded “Site of the month” by Framer. It’s all about the history of Japan. It has a super clean design, and the smooth scrolling effect just elevates it. Every section flows into the next seamlessly, telling you a story as you scroll down.
I’ve been seeing a ton of searches around “smooth scroll Framer” lately, so today I thought I’d showcase 5 awesome websites that are nailing that smooth scroll experience.
Wanna know their secret? Stick around till the end and I’ll reveal it to you. But first, let’s dive in.
1. Unifiers of Japan
Let’s start with Unifiers of Japan. This website is so good it got awarded “Site of the month” by Framer. It’s all about the history of Japan. It has a super clean design, and the smooth scrolling effect just elevates it. Every section flows into the next seamlessly, telling you a story as you scroll down.
I’ve been seeing a ton of searches around “smooth scroll Framer” lately, so today I thought I’d showcase 5 awesome websites that are nailing that smooth scroll experience.
Wanna know their secret? Stick around till the end and I’ll reveal it to you. But first, let’s dive in.
1. Unifiers of Japan
Let’s start with Unifiers of Japan. This website is so good it got awarded “Site of the month” by Framer. It’s all about the history of Japan. It has a super clean design, and the smooth scrolling effect just elevates it. Every section flows into the next seamlessly, telling you a story as you scroll down.
Unifiers of Japan's site.
Unifiers of Japan's site.
Unifiers of Japan's site.
2. Sebastian Martinez
Next up is Sebastian Martinez’s website. This is a super cool portfolio site, the scroll down is something so unexpected, you have to go check it out. It’s very creative and out of the box. If you’re looking for inspiration on how smooth scroll can make your site feel premium, this is definitely a great example to check out.
2. Sebastian Martinez
Next up is Sebastian Martinez’s website. This is a super cool portfolio site, the scroll down is something so unexpected, you have to go check it out. It’s very creative and out of the box. If you’re looking for inspiration on how smooth scroll can make your site feel premium, this is definitely a great example to check out.
2. Sebastian Martinez
Next up is Sebastian Martinez’s website. This is a super cool portfolio site, the scroll down is something so unexpected, you have to go check it out. It’s very creative and out of the box. If you’re looking for inspiration on how smooth scroll can make your site feel premium, this is definitely a great example to check out.
Sebastian Martinez's site.
Sebastian Martinez's site.
Sebastian Martinez's site.
3. We Are FLOC
We Are FLOC is a super unique and fun design studio, you can pick that up instantly from their site. The smoothness of scrolling just keeps you glued to the page. This is a great example of how adding a little effect can make a big difference on your site.
3. We Are FLOC
We Are FLOC is a super unique and fun design studio, you can pick that up instantly from their site. The smoothness of scrolling just keeps you glued to the page. This is a great example of how adding a little effect can make a big difference on your site.
3. We Are FLOC
We Are FLOC is a super unique and fun design studio, you can pick that up instantly from their site. The smoothness of scrolling just keeps you glued to the page. This is a great example of how adding a little effect can make a big difference on your site.
We Are FLOC's site.
We Are FLOC's site.
We Are FLOC's site.
4. Aimpie Design
Okay this might be my favorite. Aimpie Design takes smooth scrolling to the next level with its clean, artistic design. As you scroll, you won’t want to stop until you’ve seen it all. It makes being on their site so fun. It’s crazy how something that makes your site feel premium can be as simple as using a component.
4. Aimpie Design
Okay this might be my favorite. Aimpie Design takes smooth scrolling to the next level with its clean, artistic design. As you scroll, you won’t want to stop until you’ve seen it all. It makes being on their site so fun. It’s crazy how something that makes your site feel premium can be as simple as using a component.
4. Aimpie Design
Okay this might be my favorite. Aimpie Design takes smooth scrolling to the next level with its clean, artistic design. As you scroll, you won’t want to stop until you’ve seen it all. It makes being on their site so fun. It’s crazy how something that makes your site feel premium can be as simple as using a component.
Aimpie Design's site.
Aimpie Design's site.
Aimpie Design's site.
5. Alex Naghavi
Last but not least, Alex Naghavi’s personal website. This one is super sleek. It’s more on the simple and minimalistic side of sites, it’s clean, it’s fluid, and it makes for an awesome portfolio. Definitely one to check out if you’re looking for top-tier design inspo.
5. Alex Naghavi
Last but not least, Alex Naghavi’s personal website. This one is super sleek. It’s more on the simple and minimalistic side of sites, it’s clean, it’s fluid, and it makes for an awesome portfolio. Definitely one to check out if you’re looking for top-tier design inspo.
5. Alex Naghavi
Last but not least, Alex Naghavi’s personal website. This one is super sleek. It’s more on the simple and minimalistic side of sites, it’s clean, it’s fluid, and it makes for an awesome portfolio. Definitely one to check out if you’re looking for top-tier design inspo.
Alex Naghavi’s site.
Alex Naghavi’s site.
Alex Naghavi’s site.
How they did it
So, what’s the secret behind these awesome smooth scrolling websites?
All you need to do is grab the Smooth Scroll Effect in Framer component from my resources page, follow the easy steps, and voilà! Your Framer site will have the same smooth scrolling experience that you’ve seen on these top-notch sites. You don’t even need to be a coding genius to add this effect to your site.
Here’s a tutorial if you get stuck while trying to add the component to your project.
Until next time friend.
How they did it
So, what’s the secret behind these awesome smooth scrolling websites?
All you need to do is grab the Smooth Scroll Effect in Framer component from my resources page, follow the easy steps, and voilà! Your Framer site will have the same smooth scrolling experience that you’ve seen on these top-notch sites. You don’t even need to be a coding genius to add this effect to your site.
Here’s a tutorial if you get stuck while trying to add the component to your project.
Until next time friend.
How they did it
So, what’s the secret behind these awesome smooth scrolling websites?
All you need to do is grab the Smooth Scroll Effect in Framer component from my resources page, follow the easy steps, and voilà! Your Framer site will have the same smooth scrolling experience that you’ve seen on these top-notch sites. You don’t even need to be a coding genius to add this effect to your site.
Here’s a tutorial if you get stuck while trying to add the component to your project.
Until next time friend.
