Skip to content

Latest commit

 

History

2 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SlideFlow Logo

SlideFlow AI

Transform your ideas into stunning presentations with the power of AI.

React TypeScript Tailwind Prisma

🚀 Overview

SlideFlow AI is a premium, full-stack AI-powered presentation engine. It allows users to generate high-fidelity slide decks from simple text prompts or structured notes. With a focus on speed, aesthetics, and ease of use, SlideFlow handles everything from content structuring to image generation and final export.

✨ Key Features

  • 🧠 AI-Powered Generation – Describe your topic and let Gemini AI draft your slides in seconds.
  • 🎨 Premium Visuals – Dynamic background animations, glassmorphism UI, and smooth scroll reveals.
  • ✍️ Interactive Editor – Real-time slide editing, content regeneration, and layout adjustment.
  • 🎬 Present & Preview – Full-screen slideshow mode with professional transitions.
  • 📥 Native Export – Download your creations as fully editable .pptx files.
  • 🔒 Secure Auth – Seamless login with Google or GitHub via Better Auth.

🛠️ Tech Stack

Layer Technology
Framework TanStack Start + TanStack Router
Styling Tailwind CSS v4 + Custom CSS Animations
Database Prisma 7 + PostgreSQL
Authentication Better Auth
AI Engine Vercel AI SDK + Google Gemini
Background Jobs Inngest
Images ImageKit
Export PptxGenJS

📦 Getting Started

Prerequisites

  • Node.js (LTS)
  • pnpm (Recommended)
  • PostgreSQL Database
  • Google Gemini API Key

Installation

  1. Clone the repository

    git clone https://github.com/yourusername/slideflow.git
    cd slideflow
  2. Install dependencies

    pnpm install
  3. Set up Environment Variables Create a .env file in the root directory and add the following:

    DATABASE_URL="your-postgresql-url"
    BETTER_AUTH_SECRET="your-auth-secret"
    GOOGLE_GENERATIVE_AI_API_KEY="your-gemini-api-key"
    IMAGEKIT_PUBLIC_KEY="your-public-key"
    IMAGEKIT_PRIVATE_KEY="your-private-key"
    IMAGEKIT_BASE_URL="your-base-url"
  4. Initialize Database

    pnpm db:push
    pnpm db:generate
  5. Run the Development Server

    pnpm dev

    Open http://localhost:3000 to see the magic!


🏗️ Project Structure

src/
  routes/                 # File-based routing & API endpoints
  features/presentations/ # Presentation logic & state management
  components/             # Premium UI components & landing page
  integrations/           # Inngest, AI, and third-party services
  lib/                    # Utilities, Auth, and helper functions
prisma/                   # Database schema and seed data

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.


Built with ❤️ by the SlideFlow Team

About

full-stack AI-powered presentation engine. It allows users to generate high-fidelity slide decks from simple text prompts or structured notes.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages