Production-ready template featuring Next.js 15, tRPC, Supabase, and a stunning custom Tailwind theme. Build modern web applications with type-safety and beautiful UI out of the box.
App Router
Type-Safe API
Database & Auth
Custom Theme
A comprehensive full-stack template with modern tooling and best practices built-in.
Built on Next.js 15 with App Router, React Server Components, and optimized bundling for blazing fast load times.
Full TypeScript support with tRPC for type-safe API calls. Catch errors at compile time, not runtime.
Pre-configured Supabase client with authentication, database queries, and real-time subscriptions ready to go.
Beautiful custom Tailwind theme with quantum-inspired components, animations, and color palette.
Complete authentication system with Supabase Auth, including login, signup, and protected routes.
Explore the template without setting up environment variables. Demo mode with mock data included.
Built with the latest and greatest tools for modern web development.
React framework with App Router, Server Components, and Server Actions for optimal performance.
End-to-end type-safe APIs without code generation. Automatic type inference from server to client.
Full type safety across your entire application with strict mode enabled.
Latest React features including Server Components and improved hooks.
PostgreSQL database with real-time subscriptions, authentication, and storage built-in.
Utility-first CSS with custom quantum theme, design tokens, and responsive utilities.
Beautiful, accessible components built with Radix UI and customized with quantum theme.
Smooth animations and transitions for enhanced user experience.
Custom-built components with the quantum theme for a unique, futuristic aesthetic.
Multiple variants with hover animations and optional glow effects powered by Framer Motion.
Cards with backdrop blur, quantum borders, optional glow effects, and data stream animations.
This card has quantum borders and subtle animations on hover.
Apply stunning gradient effects to any text using the quantum color palette.
Geometric hexagonal shapes perfect for icons and logos.
The animated background you see on this page is the MatrixBackground component. It creates a subtle, flowing matrix effect that adds depth and movement to your pages without being distracting. Configurable density and color options available.
Clone the template and start building your next project with a solid foundation.
git clone https://github.com/yourusername/qxlabs-template.git
cd qxlabs-template
npm install
The template works in demo mode without configuration. For full functionality, add your Supabase credentials:
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_anon_key
npm run dev
Open http://localhost:3000
to see your app running!