/framer-motion-template

Compilation of Framer motion animations

Primary LanguageJavaScript

Framer Motion Animation Showcase

Welcome to the Framer Motion Animation Showcase repository! This project features a collection of animations implemented using Framer Motion, inspired by various tutorials and examples found on YouTube. The web page is designed to be user-friendly and visually appealing.

Table of Contents

Demo

Check out the live demo of the project here.

Features

  • A variety of animations implemented using Framer Motion.
  • User-friendly design for easy navigation.
  • Responsive layout to ensure the showcase looks great on all devices.

Installation

To get a local copy up and running, follow these simple steps:

  1. Clone the repository: 
    git clone https://github.com/AJ1732/framer-motion-template.git
  2. Navigate to the project directory: 
    cd framer-motion-template
  3. Install dependencies: 
    npm install

Usage

  1. Start the development server: 
    npm run dev
  2. Open http://localhost:5173 to view it in the browser.

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • Framer Motion: A production-ready motion library for React.
  • TailwindCSS: For styling the components.

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Acknowledgements