Building a React portfolio website with Locomotive Scroll

This page summarizes the projects mentioned and recommended in the original post on dev.to
Scroll smooth-scrolling Parallax in-view JavaScript

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured

  • locomotive-scroll

    🛤 Detection of elements in viewport & smooth scrolling with parallax.

    • This article will take a look at the react-locomotive-scroll package, or Locomotive Scroll as we’ll call it, a library for handling and creating different scroll animations in React.

  • virtual-scroll

    A low-level library to create custom scroll behaviors.

    • Locomotive Scroll is a React scroll library that builds on ayamflow's virtual-scroll, a library used to create custom scrollers that support touch and keyboard. Locomotive Scroll provides support for various forms of scrolling animations, including smooth scrolling, animated page overlays, and parallax effects.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • Portfolio-site-with-React-Locomotive-scroll

    A link to the hosted application using React Locomotive Scroll

    • First, clone and run the project’s starter file from GitHub. The starter file comes with basic components and styling as seen in the GIF below. We will implement the various features of Locomotive Scroll as we go:

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Hijacking Scroll?

    1 project | /r/Frontend | 8 Jul 2023

  • Exploring Website Scroll Effects: Locomotive Scroll vs React Scroll Parallax

    1 project | dev.to | 31 May 2023

  • Need help with implementation

    1 project | /r/webdev | 12 May 2023

  • Angular plugins/method for smooth scroll

    1 project | /r/Angular2 | 27 Feb 2023

  • How can I make smooth scrolling, like this website?

    1 project | /r/webdev | 18 Jan 2023