Skip to content

This project demonstrates smooth page transitions in a Next.js application using next-template and framer motion

Notifications You must be signed in to change notification settings

pilladipesh33/nextjs-page-transition

Repository files navigation

Next.js Page Transition

This project demonstrates smooth page transitions in a Next.js application. Inspiration from awwwards.com Inkfish website transition.

Overview

This Next.js application showcases how to implement page transitions using custom hooks and CSS animations.

Features

  • Smooth page transitions
  • Custom hooks for managing transitions
  • Responsive design

Getting Started

Prerequisites

  • Node.js (version 14 or above)
  • npm or yarn

Installation

  1. Clone the repository:

    git clone https://github.com/username/nextjs-page-transition.git
    cd nextjs-page-transition
  2. Install dependencies:

    npm install
    # or
    yarn install

Running the Development Server

Start the development server:

npm run dev
# or
yarn dev

About

This project demonstrates smooth page transitions in a Next.js application using next-template and framer motion

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages