Dreamgrid is a web-based platform that helps creators explore and discover AI-generated image prompts with ease.
Built for designers, artists, and AI enthusiasts, it offers a curated prompt library with beautiful image previews, categorized collections, and one-click copy functionality.
With features like bookmarks, view tracking, and affordable access, Dreamgrid provides a smooth and minimal experience for finding inspiration and learning from AI-generated art, all in one place.
- Prompt Library – Explore a growing collection of AI prompts across various categories
- AI Image Previews – View high-quality previews alongside their exact prompt text
- Categories – Quickly browse by style (Anime, Concept Art, Models, etc.)
- Search & Filter – Find prompts that match your creative idea instantly
- Bookmarks System – Save your favorite prompts for later
- Views Tracking – Track popular or trending prompts by view count
- Free & Affordable Access – Start free with 100 prompts or unlock unlimited access for only $2
- Minimal & Fast UI – Built for smooth exploration without distractions
Frontend:
Next.js, TypeScript, Tailwind CSS, Framer Motion, React Query, Shadcn, Zustand
Backend / Infra:
Supabase (Auth + Database), Prisma ORM, PostgreSQL
Other:
Cloudinary (image hosting), Sonner (toast notifications)
Create a .env.local file in your project root and fill it like this:
# 🪣 Cloudinary
CLOUDINARY_CLOUD_NAME=your_cloud_name
CLOUDINARY_API_KEY=your_cloudinary_api_key
CLOUDINARY_API_SECRET=your_cloudinary_api_secret
# 🔐 Better Auth
BETTER_AUTH_SECRET=your_better_auth_secret
BETTER_AUTH_URL=http://localhost:3000
# 🔑 Google OAuth (for sign-in)
GOOGLE_CLIENT_ID=your_google_client_id
GOOGLE_CLIENT_SECRET=your_google_client_secret
# 💳 Paddle Payments
NEXT_PUBLIC_PADDLE_CLIENT_TOKEN=your_paddle_client_token
PADDLE_SECRET_TOKEN=your_paddle_secret_token
PADDLE_WEBHOOK_SECRET_KEY=your_paddle_webhook_secret_key
# 🌐 Base URL
NEXT_PUBLIC_BASE_URL=http://localhost:3000
# 🧩 Supabase (if used)
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
SUPABASE_SERVICE_ROLE_KEY=your_service_role_key
To run this project locally:
git clone https://github.com/cachedAli/Dreamgrid.git
cd Dreamgrid
npm install
npm run dev