Tender gives agencies and studios project cards with live budgets, receipts that match themselves, freelancer cards and client rebilling — and a month-end your accountant will actually like.

See the live demo →

Signature: A 3D CSS card with a foil sheen you can drag and tilt, a live card maker that swaps finish and limits in real time, and a pinned how-it-works scroll sequence.

This is the React edition: a Next.js 16 + React 19 + Tailwind 4 + Motion project. Every word of copy lives in one file (content/site.ts). Run npm install and npm run dev, the way you'd start any Next.js app.

What you get

• Pages: Home, 404, Privacy
• Self-hosted fonts (Onest and Azeret Mono), and no third-party requests: no Google Fonts, analytics or embeds
• README, AGENTS.md and CLAUDE.md, so AI coding assistants know how the project fits together
• DESIGN.md with the design tokens, type scale and components
• CHANGELOG, credits and licence

Good for

• Creative and marketing agencies
• Design and production studios
• Small consultancies issuing project cards
• Finance teams doing client rebilling
• Any team that needs receipts to reconcile themselves

Licence

Use it for unlimited projects, your own and your clients'. You can't resell or redistribute the template itself.

Version 1.0.1.