Overview:

The Supabase Schema Visualizer is an open-source, free, login-less, and secure tool that allows users to easily view their database schema without the need for installations or sensitive information. Built with Vue 3, Vite, and WindiCSS, this visualization tool prioritizes simplicity and security for users.

Features:

• No installations: Users can access the schema visualizer without the need for any installations or downloads.
• Persistent State in LocalStorage: The tool saves user preferences and settings in the browser’s LocalStorage for a seamless experience.
• Login-less: Users can view their database schema without the requirement of logging in or providing sensitive information.
• Moveable Schema for own design: Users have the flexibility to move and design the schema according to their preferences.
• Secure: The tool prioritizes security by not requiring any sensitive information from users.

Installation:

1. Go to Supabase App.
2. Select your project.
3. Go to Settings.
4. In the Settings tab, navigate to API.
5. Under Config, copy the URL.
6. Under API Keys, copy the anon public key.
7. Paste both values into their respective slots in the Supabase Schema.
8. Fetch data and enjoy the visualization.

Summary:

The Supabase Schema Visualizer is a user-friendly and secure tool that allows users to view their database schema without any installations or sensitive information requirements. With features like persistent state in LocalStorage and a login-less approach, this tool prioritizes simplicity and security for users.