Metaverses - a Modern Next 13 Website With Framer Motion & Tailwind CSS
👉 Beautiful Sections: Includes hero, services, features, how to use, roadmap, pricing, footer, and header.
👉 Parallax Animations: Engaging effects triggered by mouse movement and scrolling
👉 Complex UI Geometry: Utilizes tailwindcss for intricate shapes like circular feature displays, grid lines, and side lines.
👉 Latest UI Trends: Incorporates modern design elements such as bento grids.
👉 Cool Gradients: Enhances visuals with stylish gradients using Tailwind CSS for cards, buttons, etc.
👉 Responsive: Ensures seamless functionality and aesthetics across all devices
and many more, including code architecture and reusability
- React: Frontend framework for building dynamic and interactive user interfaces.
- Tailwind CSS: Utility-first CSS framework for rapid UI development and customization.
- vite : a build tool that aims to provide a faster and leaner development experience for modern web projects
- framer motion : Open source, production-ready animation and gesture library for React
To run the project locally, follow these steps:
- Clone the repository:
git clone <repository_url> - Navigate to the project directory:
cd metaverses - Install dependencies:
npm install - Start the development server:
npm run dev