Create blockchain tokens in under 30 seconds with zero coding required.
Snarbles is a comprehensive, production-ready token creation platform built with Next.js, featuring mobile-optimized design and multi-blockchain integration. Deploy tokens on Algorand and Solana networks with advanced features, real-time analytics, and seamless wallet integration.
- 30-second deployment with guided interface
- Multi-chain support (Algorand mainnet, Solana devnet)
- Rich metadata including logos, descriptions, and social links
- Advanced options (mintable, burnable, pausable tokens)
- Real-time preview before deployment
- Comprehensive metrics and interactive charts
- Transaction history tracking
- Token performance analytics
- Portfolio management for multiple tokens
- Real-time data directly from blockchain
- ALGO/USDT payments for token creation
- Dynamic pricing with admin configuration
- Transaction tracking in Supabase
- Balance management with real-time updates
- Security analysis of deployed tokens
- Trust indicators and verification badges
- Contract inspection tools
- Public registry of verified tokens
- Responsive layout optimized for all devices
- Touch-optimized interactions
- Fast performance with optimized assets
- Accessible design (WCAG compliant)
- Wallet-based authentication (no accounts needed)
- Direct blockchain integration with real-time data
- Zero central dependencies for core functionality
- Complete Web3 experience
- Token Creation: ✅ Working perfectly
- Dashboard: ✅ Full analytics and management
- Verification: ✅ Complete token verification system
- Tokenomics: ✅ Advanced modeling tools
- Status: Smart contract initialization issues
- Issue:
ProgramFailedToCompleteerror during platform setup - Solution: Contract debugging and redeployment needed
- Alternative: Use Algorand for immediate token creation
- Intuitive Builder: Create tokens in under 30 seconds
- Multi-Chain Support: Algorand (active) + Solana (pending fix)
- Custom Features: Mintable, burnable, and pausable options
- Rich Metadata: Add logos, descriptions, and social links
- Real-time Preview: See your token before deployment
- Comprehensive Dashboard: Track token performance and holders
- Advanced Analytics: Charts, metrics, and transaction history
- Token Management: Transfer, mint, burn, and pause functionality
- Portfolio Overview: Manage multiple tokens from one interface
- Interactive Simulator: Design token distribution with visual tools
- Export Reports: Generate detailed tokenomics documentation
- Recommendations: Built-in best practices and suggestions
- Flexible Configuration: Customize allocation percentages
- Security Analysis: Comprehensive token verification
- Trust Indicators: Security scores and verification badges
- Contract Inspection: Detailed smart contract analysis
- Public Registry: Browse verified tokens
- Responsive Layout: Optimized for all screen sizes
- Touch-Friendly: Proper touch targets and interactions
- Fast Performance: Optimized images and lazy loading
- Accessible: WCAG compliant design
- Wallet-Based Identity: No accounts, just connect your wallet
- Direct Blockchain Integration: All data comes from on-chain sources
- Zero Central Dependencies: Works without any centralized services
- True Web3 Experience: Complete decentralization
- Visit: Create Page
- Connect: Pera Wallet (Algorand)
- Choose: Algorand Mainnet or Testnet
- Create: Fill in token details and deploy
- Manage: Use dashboard for analytics and operations
- Check Status: Visit Admin Page with admin wallet
- Run Diagnostics:
node scripts/check-solana-program.js - Review Issues: See
SOLANA_FIX_GUIDE.mdfor details - Deploy Fix: Redeploy smart contract when ready
Frontend & Framework
- Next.js 15.3.5 with App Router and TypeScript
- React 19 with Server Components
- Tailwind CSS with custom design system
- Radix UI components for accessibility
Blockchain Integration
- Algorand SDK with Pera Wallet integration
- Solana Web3.js with multiple wallet adapters
- Real-time balance tracking across networks
- Atomic transaction handling
Backend & Database
- Supabase PostgreSQL with Row Level Security
- Real-time subscriptions for live updates
- Edge Functions for serverless API endpoints
- Automatic schema migrations
UI/UX & Performance
- Framer Motion for smooth animations
- React Hook Form with Zod validation
- Optimized images with Next.js Image component
- Bundle analysis and performance monitoring
- Node.js 18+
- npm or yarn
- Git
- Supabase account (for database)
git clone <repository-url>
cd snarbles
npm installCopy the example environment file and configure your settings:
cp env.example .env.localConfigure the following required environment variables in .env.local:
# Supabase Configuration (Required)
NEXT_PUBLIC_SUPABASE_URL=your_supabase_project_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
# Blockchain Network Settings
NEXT_PUBLIC_ALGORAND_NETWORK=testnet # or mainnet
NEXT_PUBLIC_SOLANA_NETWORK=devnet # or mainnet-beta
# Application Configuration
NEXT_PUBLIC_APP_NAME=Snarbles
NEXT_PUBLIC_APP_URL=http://localhost:3000- Create a new Supabase project at supabase.com
- Set up the required database schema (contact support for schema details)
- Configure Row Level Security policies
npm run devVisit http://localhost:3000 to see your application.
npm run build
npm startsnarbles/
├── app/ # Next.js App Router pages
│ ├── (auth)/ # Authentication routes
│ ├── admin/ # Admin dashboard
│ ├── analytics/ # Analytics pages
│ ├── credits/ # Credit management
│ ├── create-token/ # Token creation flow
│ └── globals.css # Global styles
├── components/ # Reusable React components
│ ├── providers/ # Context providers
│ ├── ui/ # Base UI components
│ └── wallet/ # Wallet integration
├── lib/ # Utility functions
│ ├── algorand/ # Algorand blockchain utils
│ ├── credit-system.ts # Credit management
│ └── utils.ts # General utilities
├── public/ # Static assets
└── types/ # TypeScript definitions
Algorand Configuration:
- Mainnet: Production deployments with real ALGO
- Testnet: Development and testing environment
- Pera Wallet: Primary wallet integration
Solana Configuration:
- Mainnet-beta: Production Solana network
- Devnet: Development and testing environment
- Multiple Wallets: Phantom, Solflare, Backpack support
Configure token creation pricing in your admin panel:
- ALGO pricing: Set cost per token in ALGO
- USDT pricing: Alternative payment method
- Dynamic rates: Adjust based on network fees
This project is proprietary software. All rights reserved.
For setup assistance or technical support, please contact:
- Email: support@snarbles.com
- Website: https://snarbles.com
Built with ❤️ by the Snarbles team
Making blockchain accessible, one token at a time.
npm run build
npm startsnarbles-token-platform/
├── app/ # Next.js app directory
│ ├── create/ # Token creation page
│ ├── dashboard/ # User dashboard
│ ├── tokenomics/ # Tokenomics simulator
│ ├── verify/ # Token verification
│ └── globals.css # Global styles
├── components/ # React components
│ ├── ui/ # Reusable UI components
│ ├── layout/ # Layout components
│ └── providers/ # Context providers
├── lib/ # Utility functions
└── public/ # Static assets
- Primary: Red (#EF4444) - Action and emphasis
- Background: Dynamic (Black/White) - Theme-based
- Text: High contrast for accessibility
- Glass Effects: Backdrop blur with transparency
- Font: Inter with optimized weights
- Scale: Responsive typography system
- Hierarchy: Clear visual hierarchy
- Glass Cards: Translucent containers with blur effects
- Enhanced Inputs: Custom styled form controls
- Gradient Buttons: Eye-catching call-to-action buttons
- Responsive Charts: Mobile-optimized data visualization
Create a .env.local file:
NEXT_PUBLIC_SOLANA_NETWORK=devnet
NEXT_PUBLIC_RPC_ENDPOINT=https://api.devnet.solana.com- Connect your GitHub repository to Vercel
- Deploy automatically on every push
- Configure environment variables in Vercel dashboard
- Connect repository to Netlify
- Set build command:
npm run build - Set publish directory:
out
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Solana Foundation for blockchain infrastructure
- Algorand Foundation for blockchain infrastructure
- Vercel for Next.js framework
- Radix UI for accessible components
- Tailwind CSS for utility-first styling
- Documentation: [Coming Soon]
- Issues: GitHub Issues
- Discussions: GitHub Discussions
Built with ❤️ for the blockchain ecosystem
Empowering creators to launch their token ideas in minutes, not months.