Bootstrap 4 w/ Smooth Scroll Navigation

Bootstrap 4 template with ScrollSpy menu and smooth scrolling effect based on the VelosityJs.

image image image

If you are creating a single-page website with smooth scrolling navigation...

...You Need This Template!

Smooth scrolling navigation is better than jumping over to sections. But NEVER use again jQuery's $.animate() and $.fade() functions. They slow everything else down, including other animation libraries. So we built this template with VelocityJs - incredibly fast, and it features also color animation, transforms, loops, easings, SVG support. It is the best of jQuery and CSS transitions combined.

Template Highlights

image

Smooth Scrolling

image

ScrollSpy Menu

image

Built for Performance

Easy as a pie.

Just add a class name scroll and the anchor in the href="#id" attribute to any navigation link. Add the same id="id" to the section or any element to which you want to scroll. Done!

Feature 1

A collection of coded HTML and CSS elements to help your build your new website. Clean design, fully responsive and based on Bootstrap 4.

Feature 2

A collection of coded HTML and CSS elements to help your build your new website. Clean design, fully responsive and based on Bootstrap 4.

Feature 3

A collection of coded HTML and CSS elements to help your build your new website. Clean design, fully responsive and based on Bootstrap 4.

Feature 4

A collection of coded HTML and CSS elements to help your build your new website. Clean design, fully responsive and based on Bootstrap 4.

Feature 5

A collection of coded HTML and CSS elements to help your build your new website. Clean design, fully responsive and based on Bootstrap 4.

Feature 6

A collection of coded HTML and CSS elements to help your build your new website. Clean design, fully responsive and based on Bootstrap 4.

Animation Performance

Who says JavaScript animation is dead? VelocityJS replaces jQuery's $.animate and performs even better than CSS animations.

Feature 1

A collection of coded HTML and CSS elements to help your build your new website.

Learn More >

Feature 2

A collection of coded HTML and CSS elements to help your build your new website.

Learn More >

Feature 3

A collection of coded HTML and CSS elements to help your build your new website.

Learn More >

Example Headline

A collection of coded HTML and CSS elements to help your build your new website.

Responsive

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod tenetur ex natus at dolorem enim!

Bootstrap 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod tenetur ex natus at dolorem enim!

Unique

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod tenetur ex natus at dolorem enim!

Support

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod tenetur ex natus at dolorem enim!

Download the Best Smooth Scroll Bootstrap 4 Template Now!

...and immediately see a performance boost across all browsers and devices — especially on mobile!

Try to Go-to-Top Download Now!