Introduction
A shadcn-like CLI tool for installing complete full-stack modules with API routes, server actions, hooks, and configuration.
What is Supreme Toolkit?
Supreme Toolkit is a full-stack component registry that works seamlessly with shadcn/ui and Next.js. It allows developers to add complete, production-ready modules with one command.
Each module includes not only UI components but also server actions, API routes, hooks, and configuration, enabling instant integration of powerful features into any modern full-stack app.
The Real Power: Predictable, Concept-Based Learning
The true strength of Supreme Toolkit lies in predictability and concept-based learning rather than tool-specific learning curves.
🎯 Learn concepts once, use everywhere
- Learn "payment gateway" concepts, not "Stripe-specific" or "Razorpay-specific" implementations
- When we add new providers (Razorpay, PayPal, etc.), the setup actions, hooks, and patterns remain identical
- Predictable file structure and API patterns across all modules, regardless of the underlying service
📈 Reduced learning curve
- Master payment concepts → works with any payment provider we support
- Master authentication patterns → works with any auth provider (Google, GitHub, email, etc.)
- Master email concepts → works with any email service (Resend, Nodemailer, etc.)
🔄 Framework-agnostic predictability
- Consistent patterns mean you know exactly where functionality lives
- Same hooks, same actions, same configuration patterns across all modules
- Focus on building features, not learning tool-specific APIs
Features
Pre-built components with Tailwind CSS and shadcn/ui styling that look great out of the box.
Complete with API routes, server actions, and database integration for immediate functionality.
Event-driven server actions and configurable components you can customize for your needs.
Install only what you need. Each module is independent and can be used standalone.
Available Modules
🔐 Authentication
Complete auth system with betterAuth, multiple providers, and guards
📧 Mailer
Universal email system with Resend and Nodemailer support
📝 Waitlist
Complete waitlist system with validation and email confirmations
🌙 Theme Toggle
Complete dark mode solution with theme provider and toggle variants
💳 Stripe Modules
One-time payments, subscriptions, and customer portal
💬 Realtime Chat
Realtime chat system with Supabase or Pusher backend
🤖 GPT Chatbot
AI chatbot widget with OpenAI integration and backend logic
🎫 Support Tickets
End-to-end ticketing interface with API and management system
🔗 Webhook Handler
Generic webhook endpoint with logger UI and event processing
📰 Newsletter Subscription
Email capture with MailerLite/Postmark integration and automation
💭 Feedback Widget
User feedback form with webhook/email integration and analytics
🖼️ Image Uploader
Drag/drop image uploader with Cloudinary/S3 backend integration
📊 Analytics Snippet
Drop-in analytics with server and client-side event logging
✍️ Rich Text Editor
Notion-like rich text editor powered by Tiptap with collaborative features
🔍 Webhook Logger
Log and inspect third-party webhooks with debugging interface
Quick Start
Get started by installing your first module. All modules work with the existing shadcn/ui setup.