# GraphyAI — All-in-One AI Studio Platform

> GraphyAI puts nine AI studios behind one login: chat with leading language models, image and video generation, document analysis and a library of more than 24,000 curated prompts. I built the platform with Next.js and React for GraphyD, and it runs on Vercel with plans for free and paid users.

- Author: Sami Ullah (https://samiullah.tech/about)
- Type: Built while at GraphyD
- Role: Full build
- Stack: Next.js, React.js, Vercel
- Year: n/a
- Updated: 2026-11-15
- Canonical: https://samiullah.tech/work/graphyai
- Live: https://www.graphyai.pk/

## Overview

GraphyAI is an AI platform from GraphyD. Instead of paying for and switching between separate tools for chat, images, video and documents, a user signs up once and gets all of them in one clean app.

The platform is organised into nine "studios", each focused on one kind of task, with more than 30 AI models available across them. A prompt library of over 24,000 curated prompts helps people who do not know what to ask.

## My role

I built GraphyAI for GraphyD: the marketing site, the studio interface and the account and pricing flow, using [Next.js](/skills/nextjs) and [React](/skills/react).

## The problem

Most people who want to use AI for work end up with several subscriptions, each with its own interface, limits and billing. For a Pakistani audience that adds up quickly, and switching tools breaks the flow of work.

GraphyD wanted one product with one account and one price that still gives access to the strongest models for each job.

## Approach & architecture

Each studio is its own section of the app with an interface built for its task: a chat view for conversations, a canvas-style view for image and video generation and an upload flow for documents. They share one account, one navigation and one design system, so moving between studios feels like one product.

The app is a Next.js project deployed on Vercel, with server-rendered marketing pages (home, studios, pricing and FAQ) in front of the signed-in studio area.

## Key challenges

**Many models, one interface.** Different AI providers return results in different shapes and at different speeds. The studio views had to present them consistently and keep the user informed while long jobs such as video generation run.

**A prompt library people can actually browse.** With more than 24,000 prompts, the library needed categories and search so a user finds a useful starting point in a few clicks.

**Light and dark themes.** The whole interface supports both themes from a toggle in the header, which meant building every component against shared colour tokens rather than fixed colours.

## Tech stack

- **Next.js** — server-rendered marketing pages for search and sharing, and the app shell for the studios.
- **React.js** — component model for the shared studio UI.
- **Vercel** — hosting and deployments for the Next.js app.

## Results

GraphyAI is live at [graphyai.pk](https://www.graphyai.pk/) with nine studios, 30+ AI models and a 24,000+ prompt library, offered with a free starting plan.

## Screenshots

<Figure src="/work/graphyai/cover.webp" alt="GraphyAI home page with the headline Every AI studio. One platform." width="1600" height="900" caption="The GraphyAI landing page." />
