sal
Gatsby
sal | Gatsby | |
---|---|---|
7 | 357 | |
3,547 | 55,023 | |
- | 0.1% | |
0.0 | 9.3 | |
over 1 year ago | 1 day ago | |
HTML | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
sal
- what library you guys use for scroll animations in react and next js to achieve the animations like this or you guys have write it mannually ?
- Looking for animation framework
- What is the best onscroll animations library for Next.js landing pages?
-
how to create scrolling where only text and image move and not the page?
SAL (for very simple "appear on scroll")
-
Anyone know any frameworks for creating scroll animations?
https://mciastek.github.io/sal/ https://dixonandmoe.com/rellax/ https://locomotivemtl.github.io/locomotive-scroll/
-
Fail to install gatsby-plugin-scroll-reveal
I also tried react-reveal, but it seems that react-reveal cannot let the website elements animate when you are repeatedly scrolling. The elements only animate once when you scroll the page when you use react-reveal. While for the gatsby-plugin-scroll-reveal, as you can see the demo, https://mciastek.github.io/sal/ you scroll up, you scroll down, the elements constantly fade in and fade out.
-
Web Effect
Sal - Performance focused, lightweight scroll animation library.
Gatsby
-
Building static websites
The first time I started building static websites is when I discovered Gatsby. I built several projects using Gatsby and hosted it on Netlify free tier. It felt like a really robust architecture and I loved that it was free.
-
Gatsby tutorial: Build a static site with a headless CMS
A Gatsby site uses Gatsby, which leverages React and GraphQL to create fast and optimized web experiences. Gatsby is often used for building static websites, progressive web apps (PWAs), and even full-blown dynamic web applications.
-
Building a High-Performance Website with Next.js and WordPress
While Next.js is a powerful framework for building server-rendered React applications, it's not the only option for developers looking to create high-performance websites. One notable alternative is Gatsby, a static site generator that leverages React and GraphQL.
-
The Current State of React Server Components: A Guide for the Perplexed
The other piece of important information to acknowledge here is that when we say RSCs need a framework, “framework” effectively just means “Next.js.” There are some smaller frameworks (like Waku) that support RSCs. There are also some larger and more established frameworks (like Redwood) that have plans to support RSCs or (like Gatsby) only support RSCs in beta. We will likely see this change once we get React 19 and RSCs are part of the Stable version. However, for now, Next.js is currently the only framework recommended in the official React docs that supports server components.
-
A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev
GatsbyjsCMS - Gatsby is the fast and flexible framework that makes building websites with any CMS, API, or database fun again. Build and deploy headless websites that drive more traffic, convert better, and earn more revenue!
- The gatsby build command will not complete or terminate
-
ReactJS Good Practices
GatsbyJS
-
Abstract Syntax Trees and Practical Applications in JavaScript
Babel plugins are everywhere. From being used to remove unwanted exports from files in Gatsby to being used to disallow users from doing re-exports in Nextjs.
-
How To Choose the Best Static Site Generator and Deploy it to Kinsta for Free
In terms of GitHub stars, SSGs like Next.js, Hugo, Gatsby, Docusaurus, Nuxt.js, and Jekyll top the list. Some popular SSGs even host conferences and workshops, providing resources and networking opportunities for those looking to explore more advanced topics in depth.
-
Finding the Best React CMS: A Comprehensive Guide
Flexibility : Developers have complete control over the frontend so they can use their preferred tools and frameworks like React, Next.js, Gatsby, or Remix.
What are some alternatives?
locomotive-scroll - 🛤 Detection of elements in viewport & smooth scrolling with parallax.
Svelte - Cybernetically enhanced web apps
move.js - CSS3 backed JavaScript animation framework
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
ScrollMagic - The javascript library for magical scroll interactions.
SvelteKit - web development, streamlined
rellax - Lightweight, vanilla javascript parallax library
Express - Fast, unopinionated, minimalist web framework for node.
GreenSock-JS - GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
eleventy 🕚⚡️ - A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
scrollreveal - Animate elements as they scroll into view.
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core