humbBatch is a powerful, lightweight Google Chrome Extension designed for content creators, designers, and archivists who need to quickly grab high-resolution YouTube thumbnails. Whether you need the thumbnail of the video you are currently watching, or want to batch download dozens of thumbnails from a channel page in a single ZIP archive, ThumbBatch has you covered.
@theme config)- Animation: Framer Motion- Icons: Lucide React- Components: Radix UI primitives (Accordion, Slot)—## DesignStrict monochrome — near-black background, white text, #737373 gray — with surgical use of YouTube red (#FF0000) as the only accent. Geist font. No fake testimonials. No stock photos. No buzzwords.> The product is simple. The design should say that.—## Sections Built- [x] Sticky glassmorphism navbar- [x] Hero with animated extension popup simulation- [x] “Old Way” — 9-step pain diagram vs 3-step ThumbBatch flow- [x] Features grid (Bulk mode highlighted as key differentiator)- [x] Personas — Creators, Designers, Researchers- [x] How it works — 3 steps- [x] Bulk Mode Showcase — fully interactive: click to select thumbnails, watch real ZIP progress animation- [x] Privacy — 4 trust pillars + open source callout- [x] Pricing — giant $0, no table, no tiers- [x] Installation guide + simulated Chrome extensions mockup- [x] Technical credibility (Manifest V3, local ZIP, smart fallback)- [x] Open Source — GitHub file tree mockup- [x] FAQ accordion (7 technically accurate answers)- [x] Final CTA + footer- [x] Custom favicon — TB icon with red accent underline- [x] SEO metadata + Open Graph- [x] Production build ✅ — npm run build exits 0—## Bugs FixedTwo icon import mismatches in lucide-react (version didn’t export Github, BarChart2Off, Infinity) — swapped for valid alternatives. One Turbopack crash from unescaped quotes inside a string literal in Install.tsx.—## Dev Serverbashcd web && npm run dev# → http://localhost:3000Less software. More solved.
