Gathering detailed insights and metrics for @husam287/react-native-photo-editor
Gathering detailed insights and metrics for @husam287/react-native-photo-editor
🌄 Photo editor using native modules for iOS and Android. Inherit from 2 available libraries, ZLImageEditor (iOS) and PhotoEditor (Android)
Installations
npm install @husam287/react-native-photo-editorDeveloper Guide
BETA
Typescript
Yes
Module System
CommonJS
Node Version
16.19.1
NPM Version
8.19.3
Releases
4
Languages
8
Swift
Java
Kotlin
JavaScript
Objective-C
Ruby
TypeScript
C
Swift (83.52%)
Java (6.02%)
Kotlin (5.74%)
JavaScript (2.86%)
Objective-C (1.13%)
Ruby (0.56%)
TypeScript (0.14%)
C (0.02%)
Developer
baronha
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
512 Stars
68 Commits
165 Forks
7 Watchers
3 Branches
3 Contributors
Updated on Jul 10, 2025
Maintainers
1
Package Meta Information
Latest Version
1.0.2
Package Id
@husam287/react-native-photo-editor@1.0.2
Unpacked Size
3.74 MB
Size
3.30 MB
File Count
206
NPM Version
8.19.3
Node Version
16.19.1
Published on
Mar 29, 2023
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Peer Dependencies
2
Dev Dependencies
18
###Note: This is fork for adding crop functionality in android and added hide controls option. Also fixed input not showing and file save issue on android.
React Native Photo Editor (RNPE)
🌄 Image editor using native modules for iOS and Android. Inherit from 2 available libraries, ZLImageEditor (iOS) and PhotoEditor (Android)
Note
The difference between the 2 platforms is huge - Be careful when using
This lib is for personal use, so if you customize your style or change something, Please fork this library and check the detailed documentation in the original library:
During the development of this package. I was thinking of moving it as part of an earlier library that I finished. If the support community for this library was large enough, I would have to dismiss this idea immediately.
Previously this library used Brightroom as the native library for iOS. If you want to use Brightroom you can check it out here.
Feature 🙈
Both
- Draw (Support custom line color).
- Adding/Editing Text with option to change its Color.
- Adding Images/Stickers
- Pinch to Scale and Rotate views.
iOS
- Apply Filter Effect on image using LUT Color (Custom filter is simpler than android)
- Crop image.
Android
- Drawing on image with option to change its Brush's Color, Size, Opacity, Erasing and basic shapes.
- Apply Filter Effect on image using MediaEffect. But in the future will change to LUT color.
- Crop image added using uCrop library thanks to uCrop library
Video Demo 📺
| iOS | Android |
|---|---|
ScreenShot 👉👈
iOS
Android
Requirements
- Swift 5.1+ (Xcode12.4+)
- iOS 12+
Installation
1yarn add @baronha/react-native-photo-editor
iOS
The Swift pod @baronha/react-native-photo-editor depends upon SDWebImage and SDWebImageWebPCoder, which do not define modules. To opt into those targets generating module maps (which is necessary to import them from Swift when building as static libraries), you may set use_modular_headers! globally in your Podfile, or specify :modular_headers => true for particular dependencies:
pod 'SDWebImage', :modular_headers => true
pod 'SDWebImageWebPCoder', :modular_headers => true
Then run cd ios/ && pod install
Don't forget add file .swift in your project (and create bridging header file swift).
Usage
1import PhotoEditor from "@baronha/react-native-photo-editor"; 2 3// ... 4 5const result = await PhotoEditor.open(Options);
Options
| Property | Type | Default value | Platform | Description |
|---|---|---|---|---|
| path | string | required | both | Local/remote image path |
| stickers | Array | [] | both | An array of paths containing sticker images |
| hideControls | Array | [] | both | An array of control values that need to be hidden. Options are 'Shape', 'Eraser' , 'Crop' , 'Filter' , 'Sticker' , 'Text' , 'Mosaic' |
Filters 🌈
| iOS | Android |
|---|---|
| |
Custom Filters(iOS)
LUT (Hald image)
How to create cube data from LUT Image
We can download the neutral LUT image from lutCreator.js.
Hald Images
Hald is a graphical representation of 3D LUT in a form of a color table which contains all of the color gradations of 3D LUT. If Hald is loaded into editing software and a color correction is applied to it, you can use 3D LUT Creator to convert your Hald into 3D LUT and apply it to a photo or a video in your editor.
Detailed documentations are available on here
IMPORTANT
You have to create LUTs.bundle and add all your LUT Photo(Re-name your LUT Photo follow this format: LUT_64_FILTER_NAME) into LUTs.bundle. Then add LUTs.bundle into Copy Bundle Resources. See detail
Stickers 🤌
Remote
You need to pass an array of image urls to the sticker parameter in options Example:
[
"https://cdn-icons-png.flaticon.com/512/5272/5272912.png",
"https://cdn-icons-png.flaticon.com/512/5272/5272913.png",
"https://cdn-icons-png.flaticon.com/512/5272/5272916.png",
...
]
Local
iOS
You have to create Stickers.bundle and add all your sticker into Stickers.bundle. Then add Stickers.bundle into Copy Bundle Resources.
See detail
Android
You have to create Stickers folder inside assets folder. Then drag or copy all sticker in to Sticker folder.
See detail
To Do
- Lut Color in android.
- Crop Image in android.
Performance
We're trying to improve performance. If you have a better solution, please open a issue or pull request. Best regards!
Contributing
See the contributing guide to learn how to contribute to the repository and the development workflow.
License
MIT
No vulnerabilities found.
Reason
no dangerous workflow patterns detected
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Warn: jobLevel 'contents' permission set to 'write': .github/workflows/contribute-list.yml:12
- Warn: no topLevel permission defined: .github/workflows/contribute-list.yml:1
Reason
binaries present in source code
Details
- Warn: binary detected: example/android/gradle/wrapper/gradle-wrapper.jar:1
Reason
Found 3/25 approved changesets -- score normalized to 1
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
Project has not signed or included provenance with any releases.
Details
- Warn: release artifact v1.1.2 not signed: https://api.github.com/repos/NitrogenZLab/react-native-photo-editor/releases/52545982
- Warn: release artifact v1.1.1 not signed: https://api.github.com/repos/NitrogenZLab/react-native-photo-editor/releases/52510418
- Warn: release artifact v1.0.0-rc.0 not signed: https://api.github.com/repos/NitrogenZLab/react-native-photo-editor/releases/52425185
- Warn: release artifact v1.1.2 does not have provenance: https://api.github.com/repos/NitrogenZLab/react-native-photo-editor/releases/52545982
- Warn: release artifact v1.1.1 does not have provenance: https://api.github.com/repos/NitrogenZLab/react-native-photo-editor/releases/52510418
- Warn: release artifact v1.0.0-rc.0 does not have provenance: https://api.github.com/repos/NitrogenZLab/react-native-photo-editor/releases/52425185
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 8 are checked with a SAST tool
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/contribute-list.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/NitrogenZLab/react-native-photo-editor/contribute-list.yml/master?enable=pin
- Info: 0 out of 1 third-party GitHubAction dependencies pinned
Reason
56 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
- Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
- Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
- Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
- Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
- Warn: Project is vulnerable to: GHSA-f5x2-xv93-4p23
- Warn: Project is vulnerable to: GHSA-gmpm-xp43-f7g6
- Warn: Project is vulnerable to: GHSA-pf27-929j-9pmm
- Warn: Project is vulnerable to: GHSA-327c-qx3v-h673
- Warn: Project is vulnerable to: GHSA-x4cf-6jr3-3qvp
- Warn: Project is vulnerable to: GHSA-mph8-6787-r8hw
- Warn: Project is vulnerable to: GHSA-7mhc-prgv-r3q4
- Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22
- Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
- Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
- Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
- Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
- Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
- Warn: Project is vulnerable to: GHSA-qrpm-p2h7-hrv2
- Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
- Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g
- Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr
- Warn: Project is vulnerable to: GHSA-4cpg-3vgw-4877
- Warn: Project is vulnerable to: GHSA-rxrc-rgv4-jpvx
- Warn: Project is vulnerable to: GHSA-7f53-fmmv-mfjv
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
- Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
- Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7
- Warn: Project is vulnerable to: GHSA-gff7-g5r8-mg8m
- Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3
- Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
- Warn: Project is vulnerable to: GHSA-h5c3-5r3r-rr8q
- Warn: Project is vulnerable to: GHSA-rmvr-2pp2-xj38
- Warn: Project is vulnerable to: GHSA-xx4v-prfh-6cgc
- Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97
- Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j
- Warn: Project is vulnerable to: GHSA-3j8f-xvm3-ffx4
- Warn: Project is vulnerable to: GHSA-4p35-cfcx-8653
- Warn: Project is vulnerable to: GHSA-7f3x-x4pr-wqhj
- Warn: Project is vulnerable to: GHSA-jpp7-7chh-cf67
- Warn: Project is vulnerable to: GHSA-q6wq-5p59-983w
- Warn: Project is vulnerable to: GHSA-j9fq-vwqv-2fm2
- Warn: Project is vulnerable to: GHSA-pqw5-jmp5-px4v
- Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
- Warn: Project is vulnerable to: GHSA-4rq4-32rv-6wp6
- Warn: Project is vulnerable to: GHSA-64g7-mvw6-v9qj
- Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v
- Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
- Warn: Project is vulnerable to: GHSA-38fc-wpqx-33j7
- Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7
- Warn: Project is vulnerable to: GHSA-5fg8-2547-mr8q
- Warn: Project is vulnerable to: GHSA-crh6-fp67-6883
Score
3.3
/10
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More