└── scroll-based-animaiton ├── .gitignore ├── index.html ├── package-lock.json ├── package.json ├── postcss.config.cjs ├── public └── air_jordan_1.glb ├── readme.md ├── src ├── App.tsx ├── components │ ├── About.tsx │ ├── BuyNow.tsx │ ├── CanvasContainer.tsx │ ├── Header.tsx │ ├── Hero.tsx │ ├── Jordan.tsx │ └── Loading.tsx ├── index.css ├── main.tsx ├── typings.d.ts └── vite-env.d.ts ├── tailwind.config.cjs ├── tsconfig.json ├── tsconfig.node.json └── vite.config.ts /scroll-based-animaiton/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/.gitignore -------------------------------------------------------------------------------- /scroll-based-animaiton/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/index.html -------------------------------------------------------------------------------- /scroll-based-animaiton/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/package-lock.json -------------------------------------------------------------------------------- /scroll-based-animaiton/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/package.json -------------------------------------------------------------------------------- /scroll-based-animaiton/postcss.config.cjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/postcss.config.cjs -------------------------------------------------------------------------------- /scroll-based-animaiton/public/air_jordan_1.glb: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/public/air_jordan_1.glb -------------------------------------------------------------------------------- /scroll-based-animaiton/readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/readme.md -------------------------------------------------------------------------------- /scroll-based-animaiton/src/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/src/App.tsx -------------------------------------------------------------------------------- /scroll-based-animaiton/src/components/About.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/src/components/About.tsx -------------------------------------------------------------------------------- /scroll-based-animaiton/src/components/BuyNow.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/src/components/BuyNow.tsx -------------------------------------------------------------------------------- /scroll-based-animaiton/src/components/CanvasContainer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/src/components/CanvasContainer.tsx -------------------------------------------------------------------------------- /scroll-based-animaiton/src/components/Header.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/src/components/Header.tsx -------------------------------------------------------------------------------- /scroll-based-animaiton/src/components/Hero.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/src/components/Hero.tsx -------------------------------------------------------------------------------- /scroll-based-animaiton/src/components/Jordan.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/src/components/Jordan.tsx -------------------------------------------------------------------------------- /scroll-based-animaiton/src/components/Loading.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/src/components/Loading.tsx -------------------------------------------------------------------------------- /scroll-based-animaiton/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/src/index.css -------------------------------------------------------------------------------- /scroll-based-animaiton/src/main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/src/main.tsx -------------------------------------------------------------------------------- /scroll-based-animaiton/src/typings.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/src/typings.d.ts -------------------------------------------------------------------------------- /scroll-based-animaiton/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /scroll-based-animaiton/tailwind.config.cjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/tailwind.config.cjs -------------------------------------------------------------------------------- /scroll-based-animaiton/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/tsconfig.json -------------------------------------------------------------------------------- /scroll-based-animaiton/tsconfig.node.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/tsconfig.node.json -------------------------------------------------------------------------------- /scroll-based-animaiton/vite.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Thabish-Kader/r3f-scroll/HEAD/scroll-based-animaiton/vite.config.ts --------------------------------------------------------------------------------