This project is a Next.js application that demonstrates a "Connect Wallet" component UI for Substrate-based wallets such as Polkadot.js and Talisman. While the current implementation uses mock data, it provides a foundation for integrating real wallet connections.
- Next.js - React framework for building web applications
- Tailwind CSS - Utility-first CSS framework
- Shadcn/ui - Re-usable components built with Radix UI and Tailwind CSS
- Magic UI - Beautiful UI components (Marquee component used)
- Framer Motion - Animation library for React
- ESLint - Linting utility for JavaScript and TypeScript
- Prettier - Code formatter
- TypeScript - Typed superset of JavaScript
- Mock interface for connecting to Substrate-based wallets
- Responsive and animated UI components
- Dark mode support
First, run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
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.
- Magic UI Documentation - UI library for Design Engineers
Contributions are welcome! Please feel free to submit a Pull Request.
This project is open source and available under the MIT License.