SVG path animation in Nextjs using GSAP

This page summarizes the projects mentioned and recommended in the original post on dev.to

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
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
  • svg-path-animation

    SVG path animation using GSAP in a Next.js application.

  • 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.

    InfluxDB logo
  • node

    Node.js JavaScript runtime ✨🐢🚀✨

    I assume you already have nodejs installed. If you don't then head over to not nodejs.org and download the latest version. Remember I want you to download the long-term support (LTS) version. If you're on Linux then this:

  • GreenSock-JS

    GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web

    Unlike Next.js, I don't assume you know GSAP. So, GSAP which stands for GreenSock Animation Platform is another javascript framework (yes, there are millions of javascript frameworks) that is used to animate elements on websites. Open their website (gsap.com) to explore the type of animations you can make using GSAP.

  • Visual Studio Code

    Visual Studio Code

    So, after a few seconds, your project will be ready and I would love if you open the project on some code editor. I'll be using Visual Studio Code.

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

  • Architect level: Setting Up the React Environment

    2 projects | dev.to | 1 Jul 2024
  • Building a Full-Stack Web Application with MERN Stack: A Beginner's Guide

    2 projects | dev.to | 25 Jun 2024
  • Setting up a React environment

    2 projects | dev.to | 17 Jun 2024
  • Introdução ao TypeScript: Aumente a Robustez do Seu Código JavaScript

    2 projects | dev.to | 23 May 2024
  • How to Set Up Your Development Environment for Solidity

    2 projects | dev.to | 16 May 2024