Recreating Vercel's Smooth Navigation Animation With CSS Only Animations

Read the article and watch the video here:

Run yarn or npm i to install the project. Next run yarn dev or npm run dev to view the project by clicking the link in the terminal.

See the LICENSE for more information about reusing this code.

Name		Name	Last commit message	Last commit date
Latest commit History 3 Commits
public		public
src		src
.csb.json		.csb.json
.eslintrc.cjs		.eslintrc.cjs
.gitignore		.gitignore
LICENSE.md		LICENSE.md
README.md		README.md
index.html		index.html
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
postcss.config.cjs		postcss.config.cjs
prettier.config.cjs		prettier.config.cjs
tailwind.config.cjs		tailwind.config.cjs
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts