# fireship-io/threejs-scroll-animation-demo

3D Scrolling Portfolio Website with Three.js

Repository: https://github.com/fireship-io/threejs-scroll-animation-demo
Canonical: https://ross.abutalabs.com/products/threejs-scroll-animation-demo
Language: HTML
License Family: other
Last push: 2024-07-06T10:45:24+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 1931, "days_push": 788, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1663, forks 687 (observed 2026-08-28T04:05:18.771930+00:00)

## What it is
A demo repository accompanying a Fireship tutorial showing how to build a 3D scrolling portfolio website with Three.js. It serves as reference code for the tutorial rather than a production library.

## Use cases
- learn how to animate 3D scenes based on scroll position
- build a 3D portfolio website with Three.js
- follow along with the Fireship Three.js scroll animation tutorial
- see an example of integrating Three.js into a web page
- experiment with scroll-driven WebGL animations

## When to choose
- you want to learn scroll-driven 3D animation techniques from a worked example
- you are following the Fireship tutorial and need the companion code
- you want a starting point for a Three.js portfolio site

## When to avoid
- you need a production-ready, maintained library or framework
- you need a license permitting reuse of the code
- you want a general-purpose 3D engine rather than a demo

## Facets
- artifact type: learning-resource
- maturity: maintenance
- function: animation, graphics, frontend-framework
- domain: web-development, frontend, graphics, tutorials
- platform: cross-platform
- tags: threejs, scroll-animation, portfolio-website, demo, webgl, tutorial-code, web-server, nodejs

## Member repositories
- fireship-io/threejs-scroll-animation-demo (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:18.771930+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:44:31.737998+00:00, confidence not recorded.
  - readme: https://github.com/fireship-io/threejs-scroll-animation-demo (fetched 2026-08-28T04:05:18.771930+00:00, sha d7551e95e4c6)
- Data as of 2026-08-30T08:39:29.467469+00:00.