Beta

Supkit

A developer-friendly starter template for Vue 3 with Supabase backend, featuring authentication, database CRUD, real-time subscriptions, and file storage out of the box. Includes Pinia state management, Vee-validate forms, and Vitest for testing. Designed for rapid prototyping with auto-importing APIs and HeroIcons integration.

February 4, 2022
View Live Project
nuxttailwindcssfirebase

Project Notice

This project was built some time ago and may contain outdated dependencies or features. Some functionality might no longer work as expected.

Supkit

Note: This project was built in 2022 and may be outdated. Some dependencies or features might no longer work as expected.

App Features

  • Supabase Auth
  • Supabase Database
  • Supabase Realtime Subscription
  • Supabase Storage
  • Profile Management
  • CRUD for Private Notes

Project Features

  • Vue 3

    - Composition API, components auto importing, modules, etc.
  • Vite - Instant HMR
  • Tailwind CSS

    - Utility CSS Framework
  • Use icons from any icon sets in HeroIcons
  • The <script setup> syntax
  • State Management via Pinia

  • APIs auto importing - for Composition API, VueUse and custom composables.
  • Supabase

    - Open source Firebase alternative

Plugins

Vue Modules

  • VueUse

    - collection of useful composition APIs
  • Pinia

    - intuitive, type safe, light and flexible Store for Vue.
  • VueFinalModal

    - tiny, renderless, mobile-friendly, feature-rich modal component for Vue.js.
  • Vue-toaster

    - toast notification plugin for vue 3
  • Vee-validate

    - form validation for Vue
  • yup

    - object schema validation
  • Vitest

    - Vue 3 testing framework powered by Vite
  • supabase-js

    - Supabase JS Client

Other Projects

Unuxt
Unuxt

UNuxt is a full-featured Nuxt 4 template that streamlines the setup of modern web applications. With built-in authentication, organization management, and customizable themes, it reduces boilerplate while preserving flexibility. The project is built using Nuxt 4, TypeScript, Better Auth, and Drizzle ORM, with a strong focus on developer experience, clean UI patterns, and scalable architecture. It serves as a solid foundation for production-grade applications.

ainuxtuivercelnuxt
View Live Site
Blink
Blink

Blink is a high-performance local file-sharing application built with Nuxt 4 and WebRTC, enabling secure, lightning-fast peer-to-peer transfers directly between devices with zero server-side storage. The platform leverages WebSockets for real-time device discovery and PeerJS for reliable data chunking, ensuring seamless connectivity and live progress tracking across local networks. Designed for a premium user experience, it features a responsive interface with fluid GSAP animations and sophisticated dual-theme system for a polished, desktop-class feel.

ainuxttailwindcssWebRTC
View Live Site
Lettrly
Lettrly

A personal letter-writing web app with a paper-like interface. Visitors write private letters to you through your custom URL, choosing to remain anonymous or sign in. Features smooth envelope animations, real-time updates, and a clean dashboard for reading and managing letters. Built with Next.js 16, TypeScript, Tailwind CSS, Framer Motion, PostgreSQL, and Auth.js.

fullstacknextpostgresqlauth.js
View Live Site
Recon
Recon

A full-stack intelligence gathering platform that unifies 15+ CLI-based reconnaissance tools (Sherlock, theHarvester, Holehe, PhoneInfoga, and more) into a single browser-accessible interface. Built with Next.js 15, React 19, and Supabase, it features Docker-sandboxed tool execution, real-time job processing via BullMQ/Redis, and comprehensive security controls including Row Level Security and audit logging. The platform enables investigators to conduct username lookups, domain analysis, email verification, and metadata extraction while managing investigations and generating exportable reports.

fullstacknexttailwindcsssupabase
View Live Site

© 2025 Leigh Dinaya. All rights reserved.