Visitar URL original

GitHub - ismamz/amber: Parallel page transitions with React Router and a single GSAP timeline · GitHub

Repository navigation

amber

Public

About

Parallel page transitions with React Router and a single GSAP timeline

8 stars

0 watching

Report repository

Name		Name	Last commit message	Last commit date
.agents/skills		.agents/skills
.claude/skills		.claude/skills
.vscode		.vscode
app		app
public		public
.gitignore		.gitignore
.oxfmtrc.json		.oxfmtrc.json
.oxlintrc.json		.oxlintrc.json
AGENTS.md		AGENTS.md
README.md		README.md
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
react-router.config.ts		react-router.config.ts
skills-lock.json		skills-lock.json
tsconfig.json		tsconfig.json
vite.config.ts		vite.config.ts

Repository files navigation

Amber — hyperkinetic demo

Parallel page transitions for React Router v8 on a shared GSAP timeline.

The demo is Amber Genetics, a fictional lab archive with a React Three Fiber scene.

Page transitions use Hyperkinetic, a React Router library for parallel page transitions on a shared GSAP timeline.

Read the Codrops tutorial to learn how the transitions were built.

Stack

React Router v8 (SPA + prerender)
GSAP
React Three Fiber
Tailwind v4
TypeScript
Vite

Getting started

pnpm install
pnpm dev

Other scripts: pnpm build, pnpm start, pnpm typecheck, pnpm lint, pnpm format.

by isma.

About

Parallel page transitions with React Router and a single GSAP timeline

8 stars

0 watching

Report repository

Releases

Packages

Contributors

Languages