MagSafe Wallet Component

This project is a Next.js application showcasing a UI component inspired by Apple's MagSafe Wallet, designed by @hypeople.

Technologies Used

• Next.js - React framework for building web applications
• Tailwind CSS - Utility-first CSS framework
• Framer Motion - Animation library for React
• ESLint - Linting utility for JavaScript and TypeScript
• Prettier - Code formatter
• TypeScript - Typed superset of JavaScript

Features

• Apple MagSafe-inspired UI component
• Designed for light mode only
• Responsive and animated UI
• Simple integration with React and Next.js

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Learn More

To learn more about the technologies used in this project, check out the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Tailwind CSS Documentation - explore Tailwind CSS utilities.
• shadcn/ui Documentation - learn about the re-usable components.
• Framer Motion Documentation - discover animation possibilities.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is open source and available under the MIT License.