Add image editing to your app in 5 minutes.
Editpix is the drop-in JavaScript image editor for SaaS, CMS and e-commerce teams. Crop, rotate, filter, annotate and resize — all from a <script> tag. No Photoshop round-trips.
import { EditpixEditor } from "@editpix/react";
export function ProductPhoto({ url }) {
return (
<EditpixEditor
apiKey={process.env.EDITPIX_KEY}
imageUrl={url}
options={{ aspectRatios: ["1:1", "4:3"], filters: true }}
onSave={async (blob) => {
const form = new FormData();
form.append("file", blob, "hero.png");
await fetch("/api/upload", { method: "POST", body: form });
}}
/>
);
}
A production editor, not a canvas tutorial.
Every tool your users asked for last sprint — shipped, documented and typed — so your team can stop reinventing it.
Pixel-perfect crop
Free, locked ratios (1:1, 4:3, 16:9, 9:16) or custom dimensions. Sub-pixel handles snap to the nearest integer on save.
10 color-graded filters
Vivid, Matte, B&W, Cool, Warm, Fade, Dramatic, Vintage, Clarity, None. Applied client-side via canvas filter stacks — zero server hops.
Text, arrows & boxes
Review-ready annotations stored as Fabric.js objects. Export a flat PNG or a JSON layer for editable round-trips.
Resize with locked ratio
Width/height inputs with constraint-propagation lock. Outputs max dimension 8192px for 4K printing use cases.
Works everywhere
First-class React + Vue + Next.js components. Drop <script src="editpix.js"></script> on any HTML page and mount the editor.
Licensed per domain
Your API key validates at editor init against your allowed origins. Rotate keys and revoke domains from the dashboard.
Typed SDKs for the stack you already ship.
Same props, same events — whether you’re on React 19, Vue 3.5, App Router or a hand-rolled HTML page.
import { EditpixEditor } from "@editpix/react";
<EditpixEditor
apiKey={process.env.EDITPIX_KEY}
imageUrl={photo}
onSave={(blob) => upload(blob)}
/>One SDK, every editing surface in your product.
Teams use Editpix wherever users upload an image — here are the four integrations we see the most.
SaaS dashboards
Let customers crop avatars and hero images without leaving settings.
CMS & publishing
Editors crop to 16:9 for hero blocks and 1:1 for thumbnails in one pass.
E-commerce catalogs
Sellers batch-crop product photos to store-wide ratio specs.
HR & onboarding
Applicants crop a headshot once and it propagates across every profile surface.
Integrated before your next stand-up.
Install the SDK
npm i @editpix/react — or drop a single <script> tag on any page.
Mount the editor
Pass an imageUrl and an onSave handler. Configure ratios, filters and tools via options.
Receive a Blob
onSave(blob) fires with the flattened PNG. Upload it to S3, your CMS or Cloudinary directly.
The SDK your frontend team stops complaining about.
“We replaced an in-house editor that took 4 engineers six months. Editpix shipped in a morning and halved our support tickets about image cropping.”
“Our sellers upload 12,000 product photos a week. Editpix lets them crop and apply the Vivid filter without leaving our flow — conversion on edited listings is up 18%.”
“The React component is 24KB gzipped and the API is exactly what I'd have designed myself. Annotations-as-JSON made our review workflow trivial.”
Priced per domain, not per seat.
Straightforward pricing for engineering budgets. Every plan includes every tool — we don’t believe in crippling crop.
Developer
For a single production app.
- 1 licensed domain
- Unlimited editor opens
- All filters & tools
- React, Vue, Next.js, HTML SDKs
- Email support
Studio
For agencies running several client apps.
- 5 licensed domains
- Unlimited editor opens
- Custom branding toggle
- Shared team dashboard
- Priority Slack support
Scale
For platforms shipping to thousands of tenants.
- Unlimited domains
- White-label + custom theming
- Enterprise SSO
- 99.9% uptime SLA
- Dedicated engineer