Invoice Editor Panel
What is this?
A white invoice editor. The title “Invoice INV-0087” edits the number in place, and Due opens the date picker. Bill to is inline, with a menu of saved clients. Line items are a quiet table: Add line grows a row in and focuses its description, and amounts roll as quantities or rates change. Swap the customer and lines, then drop it into invoicing, quoting, or expense entry.
Invoice Editor Panel
A white invoice editor. The title “Invoice INV-0087” edits the number in place, and Due opens the date picker. Bill to is inline, with a menu of saved clients. Line items are a quiet table: Add line grows a row in and focuses its description, and amounts roll as quantities or rates change. Swap the customer and lines, then drop it into invoicing, quoting, or expense entry.
Verified Technical Spec
- Animation
- Framer Motion
- Reduced motion
- Verified
- Keyboard focus
- Verified
- Compatibility
- Tailwind CSS v3.4 + v4 · React 19 / Next.js 15 App Router + Vite / Remix compatible
Included
- Copy source into Cursor or Claude for agent install
- Finished React · TypeScript · Tailwind CSS · Motion · Lucide UI
Dependencies
- React 19.0.0
- Typescript 5.7.2
- Tailwindcss 3.4.16
- Lucide-react 1.23.0
- Motion 12.42.2
Tech Stack
- React
- TypeScript
- Tailwind CSS
- Motion
- Lucide
Version 1.0.0