Product photos & technical datasheets in 10 seconds.
🌐 Live: grabspec.com
GrabSpec is a SaaS web application for construction professionals. Paste your product references, and get back HD photos and technical datasheets (PDF) in seconds — organized, named, and ready to download as a ZIP.
- Search by manufacturer + reference
- HD product photo retrieval from the web
- Automatic PDF datasheet discovery (with Google fallback)
- Batch processing for multiple products
- Export as ZIP with embedded Excel summary (photos in cells, PDF hyperlinks)
- Upload PDF, DOCX, XLSX, CSV, or TXT documents
- AI-powered analysis with 9 chart types: bar, line, area, pie, radar, radial bar, treemap, funnel, and Sankey diagrams
- Executive dashboard with KPIs, trends, and insights
- Export dashboard as PNG or as a full HTML presentation (McKinsey/BCG quality)
- Interactive presentation preview with animations, slide navigation, and progress bar
- PDF → Word and Word → PDF
- Image conversion (PNG, JPG, WebP, HEIC)
- Client-side processing — files never leave the browser
- Browse construction standards (NF, EN, ISO, SIA, DTU)
- Search by code, title, or category
- Full i18n support: French, English, Spanish, German
| Layer | Technology |
|---|---|
| Framework | Next.js 16 (App Router) |
| Language | TypeScript 5 (strict) |
| Styling | Tailwind CSS 4 + shadcn/ui |
| State | Zustand |
| Local Storage | Dexie.js (IndexedDB) |
| AI | Claude Haiku 4.5 (Anthropic) |
| Web Search | SerpAPI |
| Charts | Recharts 3 |
| Export | JSZip, ExcelJS, html-to-image |
| i18n | next-intl |
| Payments | Stripe |
| Rate Limiting | Upstash Redis |
| Deployment | Vercel |
git clone https://github.com/winterbim/grabspec.git
cd grabspec
npm install
cp .env.example .env.local # configure your API keys
npm run devOpen http://localhost:3000.
Requires Node.js 20+. A
.nvmrcis included — runnvm useto switch.
| Variable | Description |
|---|---|
NEXT_PUBLIC_APP_URL |
Public application URL |
NEXT_PUBLIC_APP_NAME |
Application display name |
ANTHROPIC_API_KEY |
Anthropic API key for Claude |
CLAUDE_MODEL |
Claude model identifier |
SERPAPI_KEY |
SerpAPI key for web search |
STRIPE_SECRET_KEY |
Stripe secret key |
STRIPE_WEBHOOK_SECRET |
Stripe webhook signing secret |
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY |
Stripe publishable key |
STRIPE_PRO_MONTHLY_PRICE_ID |
Price ID — Pro monthly |
STRIPE_PRO_YEARLY_PRICE_ID |
Price ID — Pro yearly |
STRIPE_BUSINESS_MONTHLY_PRICE_ID |
Price ID — Business monthly |
STRIPE_BUSINESS_YEARLY_PRICE_ID |
Price ID — Business yearly |
BLOB_READ_WRITE_TOKEN |
Vercel Blob storage token |
KV_REST_API_URL |
Upstash KV REST API URL |
KV_REST_API_TOKEN |
Upstash KV REST API token |
See .env.example for a ready-to-use template.
Deploy to Vercel with one click:
Set all environment variables in your Vercel project settings before deploying.
Apache License 2.0 — see LICENSE for details.
Copyright 2025 winterbim.