A dynamic and animation-focused UI crafting tool designed to bring your creative visions to life. Build stunning, interactive web experiences with ease.
- Responsive Navbar: A modern, fully responsive navigation bar built with Tailwind CSS.
- Interactive Hero Page: A captivating hero section with animations and interactive elements.
- Structured Footer: A clean, professional footer to complete the layout.
- Tailwind-Powered Design: Leverages Tailwind CSS for rapid and consistent styling.
- React: A JavaScript library for building user interfaces.
- Vite: A fast build tool and development server.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- ESLint: A tool for identifying and fixing code quality issues.
MotionCraft/ ├── public/ # Static assets (images, fonts, etc.) │ ├── img/ │ ├── fonts/ │ └── audio/ ├── src/ # Source code │ ├── components/ # React components │ ├── App.jsx # Main app component │ ├── main.jsx # Entry point │ ├── index.css # Global styles │ └── App.css # Component-specific styles ├── index.html # HTML template ├── tailwind.config.js # Tailwind CSS configuration ├── vite.config.js # Vite configuration ├── package.json # Project metadata and dependencies └── README.md # Project documentation
Follow these steps to set up the project locally:
- Clone the repository:
git clone https://github.com/SinghalSahab/MotionCraft.git cd MotionCraft
Add complex animations using GSAP or Framer Motion. Implement an interactive canvas for user-driven designs. Develop user dashboards for personalized experiences. Enhance accessibility and performance for broader usability.
We welcome contributions from the community! To contribute: Fork the repository. Create a new branch for your feature or bug fix. Commit your changes and submit a pull request. Please ensure your code adheres to the project's ESLint rules.
This project is licensed under the MIT License. Crafted with ❤️ by Prakhar