How It Works
Tech Stack
Framecast AI is built with a modern, production ready stack:
| Layer | Technology |
|---|---|
| Framework | Next.js (App Router, Turbopack) |
| Language | TypeScript (strict mode) |
| Styling | Tailwind CSS v4 |
| Components | shadcn/ui (Radix primitives) |
| AI | Astria (model training & inference), Gemini (Magic Editor) |
| Auth & Database | Supabase |
| Payments | Stripe, PayPal, Razorpay |
| Resend | |
| Hosting | Vercel |
| Docs | Fumadocs |
| i18n | next-intl (5 languages) |
Live Product
See Framecast AI in action at framecast.jerrizz.com.
How It Works
Framecast AI takes users from a handful of selfies to studio quality headshots in three simple steps.
Train Your AI Model
Users upload 4 or more clear photos of themselves. The AI (powered by Astria) trains a personal model that learns their unique facial features, lighting preferences, and natural expressions.
Generate Styled Headshots
Once the model is trained, users browse through professionally designed style packs and generate HD headshots with a single click. Each pack offers a different look, from corporate to creative.
Fine Tune with Magic Editor
Users can further refine any generated headshot using the Magic Editor. Change backgrounds, adjust outfits, or tweak details with a simple text prompt.