A modern, visually stunning NFT gallery platform built with React, Vite, shadcn-ui, and Tailwind CSS. Effortlessly showcase, mint, and explore NFTs with wallet integration and a smooth user experience.
ArtSpark NFT Gallery is designed for artists, collectors, and NFT enthusiasts who want a seamless way to browse, showcase, and manage their NFT collections. Built with a cutting-edge tech stack, the platform emphasizes speed, usability, and beautiful design.
- Live Project: Lovable Project Link
- NFT Gallery: Browse and search a curated collection of NFTs.
- Wallet Integration: Connect your crypto wallet to view, manage, and mint NFTs.
- Minting: Effortlessly mint new NFTs directly from the platform.
- Responsive UI: Enjoy a beautiful, mobile-friendly interface powered by shadcn-ui and Tailwind CSS.
- Filtering & Sorting: Easily find NFTs with advanced filters and sorting options.
- User Profiles: Showcase your collection and share your profile.
- Dark/Light Mode: Switch themes for optimal viewing comfort.
- Instant Preview: Live preview updates as you interact with your gallery.
- Vite – Ultra-fast frontend tooling
- TypeScript – Type-safe development
- React – Component-based UI
- shadcn-ui – Modern UI components
- Tailwind CSS – Utility-first CSS framework
- Click "Connect Wallet" to link your crypto wallet (e.g., MetaMask).
- Once connected, your NFTs and profile will load automatically.
- Use the search bar and filters to find NFTs by artist, collection, or properties.
- Click on any NFT to view details, provenance, and metadata.
- Navigate to the "Mint" section.
- Upload your artwork, add metadata, and mint directly to your wallet.
- Share your profile or favorite NFTs on social media.
- Explore other users’ galleries and discover trending art.
To run the project locally:
# Clone the repository
git clone <YOUR_GIT_URL>
# Navigate to the project directory
cd <YOUR_PROJECT_NAME>
# Install dependencies
npm i
# Start the development server with hot reload
npm run devRequirements: Node.js & npm
- Open Lovable
- Click on Share → Publish to deploy instantly.
You can connect a custom domain to your Lovable project:
- Go to Project > Settings > Domains, then click Connect Domain.
- See the detailed guide for step-by-step instructions.
Contributions are welcome! Please open an issue or pull request with your suggestions, bug reports, or feature requests.
Distributed under the MIT License. See LICENSE for details.
- Q: Can I use my own wallet?
- A: Yes! MetaMask and other major wallets are supported.
- Q: Is there a live demo?
- A: Yes, try it here: Lovable Project Link
Happy collecting and creating with ArtSpark NFT Gallery! 🌟