Tube2Blog.ai Dashboard - Full Admin Panel Tour (Next.js + Tailwind CSS)
Visual Showcase
Click any image to explore the gallery in full screen
About This Project
Tube2Blog.ai turns YouTube content into published blog posts automatically, and this is its admin dashboard — the control center for the whole pipeline. I designed it as a single place to manage YouTube sources, review AI-generated drafts, connect WordPress sites, and schedule publishing.
The dashboard covers the full workflow: add and auto-ingest YouTube channels, browse the video library, review and edit AI-drafted posts before they go live, manage connected sites with a switcher, schedule publish times, and watch the processing queue and logs in real time — plus AI-model settings and billing. The layout is a premium bento design with animated stats and progress rings, built for clarity over clutter.
Stack: Next.js 16 (App Router), TypeScript, Tailwind CSS, shadcn/ui, Framer Motion. Code is public on GitHub.
Project Details
Enjoyed this project breakdown?
A coffee fuels more open-source work, tutorials, and detailed case studies like this one.
Like What You See?
Check out more projects or let's discuss how I can bring your vision to life with the same attention to detail.
