Framergenie is a powerful Framer Plugin that transforms your designs into fully functional web applications with just a few clicks. By combining the visual design capabilities of Framer with production-ready components and Supabase integration, you can build complete web applications without writing code.

Connect your designs directly to Supabase for real-time data synchronization. Take advantage of our complete authentication system with social login support. Access our production-ready component library designed for common web features. Create dynamic forms with automatic data storage capabilities. Secure your pages with built-in authentication rules.

Getting started is simple – just connect your Supabase project, run the initial setup, and start building with our drag-and-drop components.

What is Framergenie?

Database Integration: Connect your Framer projects to Supabase for real-time data sync and storage
Authentication: Complete auth system with social login, user management, and protected routes
Communication: Live chat, comments, and real-time messaging components
Forms & Data: Dynamic forms with validation and automatic data storage

Quick Start

1. Connect Database – Link your Supabase project in Settings

2. Run Setup – Initialize required database tables

3. Add Components – Start building with drag & drop components

Core Features
Database Integration – One-click database setup with Supabase
Authentication – Complete auth system with social login
Components – Production-ready UI components

Installation

1. Database Setup – Create a Supabase project and copy your project URL and API key

2. Configure Framergenie – Open Framergenie Settings and paste your Supabase credentials

3. Initial Setup – Run the Required Initial Setup in SQL Setup page

4. Verify Setup – Verify database tables are created and connection is working

   
   

System Requirements

Framer Account – Active Framer account with publishing rights
Supabase Project – Free or paid Supabase project for database functionality
Modern Browser – Latest version of Chrome, Firefox, Safari, or Edge
Basic Knowledge – Basic understanding of Framer and web development

Required Database SetupDatabase Setup Guide

1. Create Project – Set up Supabase project

2. Get Credentials – Copy URL and API key

3. Run SQL – Execute setup queries