Banana Slides

An AI-powered presentation generator that creates complete slide decks from a simple topic description. Enter what your presentation is about, choose the number of slides, and get professional visuals generated in seconds.

How It Works

Enter your topic - “Climate Change Infographic”, “Quarterly Business Report”, etc.
Choose slide count - 1 to 20 slides
AI generates structure - Gemini plans titles, descriptions, and a cohesive style guide
AI creates visuals - NanoBanana Pro generates actual slide images
Edit & export - Tweak slides, regenerate individuals, export to PDF

The AI ensures visual consistency across all slides by first establishing a style guide (colors, typography, decorative elements) that every slide follows.

Features

One-click generation - Topic in, slides out
Brand consistency - AI creates a style guide first, then applies it to every slide
Editable results - Regenerate individual slides or tweak prompts
PDF export - Download your presentation
Shareable links - Share presentations with anyone
Credit-based pricing - Pay per generation via Stripe

Tech Stack

Frontend

Alpine.js for reactivity
Vanilla HTML/CSS - no build step needed
Google Fonts (Inter)

Backend

PHP with Composer
File-based storage for presentations
Google OAuth for authentication

AI Integration

Google Gemini - Plans presentation structure and style guide
NanoBanana Pro (via OpenRouter) - Generates actual slide images

Payments & PDF

Stripe for credit purchases
TCPDF for PDF generation

The Generation Process

The magic is in the two-step AI process:

Step 1: Structure Planning (Gemini)

{
  "styleGuide": {
    "primaryColor": "#2563eb",
    "accentColor": "#f59e0b",
    "typography": "modern sans-serif",
    "decorativeElements": "geometric shapes"
  },
  "slides": [
    { "title": "...", "prompt": "..." }
  ]
}

Step 2: Visual Generation (NanoBanana Pro)

Each slide prompt explicitly includes the style guide details, ensuring all slides look like they belong to the same deck.

Why I Built This

Creating presentations is tedious. You spend more time fighting with layouts and finding images than actually thinking about content.

I wanted something that could go from “I need a presentation about X” to “here are your slides” in under a minute. The AI handles the visual design while you focus on what you want to say.

← Back to projects

Info