← Back to Projects

AI Storyteller

Open-source web app for creating interactive stories powered by AI.

open-source

Images

AI Storyteller image 1
AI Storyteller image 2

Technologies

Tanstack StartReactAI SDK (Google Gemini)Tailwind CSSBrutalist UITypeScript

Interactive story generation: Create and explore branching stories with AI-generated text and images. Users can input prompts and receive unique story continuations and pixel-art style illustrations.

Modern web stack: Built with TanStack Start (as a replacement for Next.js and I love it), Vite, React, TanStack Router, and TanStack Query for fast development and responsive UI. Styled with Tailwind CSS and Shadcn UI components.

AI integration: Uses the new Gemini Nano-Banana model via AI SDK to generate story content and images. Prompts are enhanced for retro pixel-art visuals.

Open-source & extensible: Designed as a side project for experimentation and learning. Easily customizable and extendable for new features or story formats.