Profile picture
Nikhit Kumar

Parallax Effect

A parallax scrolling effect that allows you to see beautiful and engaging depth effect with alternate speeds.

Project Image

Project Overview

This parallax website is a visually stunning experience created using React, Framer Motion, and Tailwind CSS. With 10 layers of carefully crafted images, I have achieved a mesmerizing parallax effect that adds depth and dimension to the user's browsing experience. As they scroll through the website, the images move at different speeds, creating an immersive and engaging visual journey. Combined with the power and flexibility of React, the smooth animations provided by Framer Motion, and the responsive design capabilities of Tailwind CSS, this parallax website offers a seamless and captivating user experience.

Features

Parallax Effect
10 Layer Design
Mobile View
Laptop View

Tools Used

React JS
Framer Motion
CSS
JavaScript
Tailwindcss