New Product Form

Free Add Product Form for React & Tailwind

New Product Form is a free animated React + Tailwind add-product dialog from mebius.design with a checked cover upload, price and currency, license tiers, tags and draft saving.

FREEMIT

Install with the shadcn CLI

Terminal
npx shadcn@latest add https://www.mebius.design/r/forms-pro-new-product.json

Open code, MIT license

No account needed. Use it, change it and ship it: one of the 20 starter items.


Working in Cursor or Claude Code? Add it through the mebius MCP.

MCP docs

What’s included

  • Figma fileLight and dark, auto layout
  • React + TypeScript sourceTailwind v4, one file: new-product-form.tsx
  • shadcn registry item@mebius/forms-pro-new-product

Dependencies

The CLI installs these with it.

npm

  • animejs
  • lucide-react
  • radix-ui

Registry items

  • utils
  • theme
  • use-form-motion
  • use-form-submit
  • use-controllable-state
  • font-geist
  • font-geist-mono

Questions, answered.

About New Product Form and the other free forms. Anything else? Our team replies within a working day.

Contact support

Yes. Its React code and AI prompt are open to everyone under the MIT license, no account needed. A free mebius account adds the Forms Pro Figma file it comes from, in light and dark. No card and no trial.