Powerful
Image Utilities with PixelCraft
Image Utilities with
A lightweight, high-performance library for image manipulation, optimization, and effects in your React applications.
Powerful Features
Everything you need to manipulate, optimize, and enhance images in your React applications.
Easily crop images with an intuitive interface and precise controls.
Apply beautiful filters and effects with just a few lines of code.
Combine multiple images with advanced blending modes and masks.
Automatically optimize images for the web without sacrificing quality.
Export images in multiple formats with customizable quality settings.
Simple API with comprehensive documentation and examples.
See It In Action
Check out these examples to see how easy it is to use PixelCraft in your projects.
1import { ImageFilter } from 'pixel-craft';
2
3function App() {
4 return (
5 <ImageFilter
6 src="/your-image.jpg"
7 filter="sepia"
8 intensity={0.7}
9 onFilterApplied={(filteredImage) => {
10 console.log(filteredImage);
11 }}
12 />
13 );
14}Quick Installation
Get started in seconds with npm.
1npm install pixel-craftBasic Usage
1import React from 'react';
2import { ImageEditor } from 'pixel-craft';
3
4function App() {
5 return (
6 <div className="App">
7 <h1>Image Editor</h1>
8 <ImageEditor
9 src="/your-image.jpg"
10 width={800}
11 height={600}
12 onSave={(editedImage) => {
13 console.log(editedImage);
14 }}
15 />
16 </div>
17 );
18}
19
20export default App;Ready to transform your image processing?
Join thousands of developers using PixelCraft to create amazing image experiences.