ComPDFKit PDF Library for React Native Apps

Enhance, modify, and customize your cross-platform mobile apps with ComPDFKit React Native PDF SDK for seamless integration and superior user experience.
Free Trial
Guides

Cross-Platform PDF Library:

ComPDFKit for React Native

Operating Systems
Android 5.0+ (API Level 21)
iOS 11+
Mobile Framework
A cross-platform mobile framework for your Android and iOS Apps ensures that users can view, edit, annotate, sign, convert PDF files, create/fill forms, redact, etc.
Development Environment
A development environment for running React Native projects using the React Native CLI (not the Expo CLI)
The latest stable version of Android Studio
The Android NDK
An Android Virtual Device or a hardware device
The latest stable version of Xcode
The latest stable version of CocoaPods. If you don’t already have CocoaPods installed, follow the CocoaPods installation guide to install CocoaPods on your Mac
Technical Advantages
Feature-rich, high-performance, and time-tested PDF features for your cross-platform programs
Truly “native” look-and-feel for your Android and iOS apps
Fast to integrate with few lines of code
Great UI extensibility
Independent Intellectual Property Rights
Comply with PDF specifications

Build React Native Apps with ComPDFKit: Default or Custom UI

React Native
Explore our Excellent Demo
Note
Highlight
Underline
Strikeout
Squiggly
Ink
Circles
Square
Arrow
Line
Text
Signature
Stamp
Image
Link
Sound
Undo
Redo

Powerful React Native PDF Libraries Designed for Developers

ComPDFKit React Native PDF SDK enables developers to view, edit, and annotate PDFs with a few steps, helping shorten the development cycle and time of your project.
JSX
1
                import React, { Component } from 'react';
              
2
                import {;
              
3
                  Platform,
              
4
                  StyleSheet,
              
5
                  Text,
              
6
                  View,
              
7
                  Button,
              
8
                  NativeModules,
              
9
                } from 'react-native';
              
10
                
11
                var nativeModule = NativeModules.OpenNativeModule;
              
12
                // var analyticsModule = NativeModules.UMAnalyticsModule;
              
13
                
14
                const instructions = Platform.select({
              
15
                  ios: 'Press Cmd+R to reload,\n' +
              
16
                  'Cmd+D or shake for dev menu',
              
17
                  android: 'Double tap R on your keyboard to reload,\n' +
              
18
                  'Shake or press menu button for dev menu',
              
19
                });
              
20
                
21
                type Props = {};
              
22
                export default class App extends Component<Props> {
              
23
                  render() {
              
24
                    return (
              
25
                      <View style={styles.container}>
              
26
                        <Text style={styles.welcome}>
              
27
                          Welcome to React Native!
              
28
                        </Text>
              
29
                        <Text style={styles.instructions}>
              
30
                          To get started, edit App.js
              
31
                        </Text>
              
32
                        <Text style={styles.instructions}>
              
33
                          {instructions}
              
34
                        </Text>
              
35
                        <Button
              
36
                          title={'Jump to the native page'}
              
37
                          onPress={() => {
              
38
                            this.jumpToNativeView();
              
39
                          }}
              
40
                         />
              
41
                      </View>
              
42
                    );
              
43
                  }
              
44
                
45
                  jumpToNativeView() {
              
46
                    NativeModules.OpenPDFModule.openPDFByPath(pdfFilePath)
              
47
                  }
              
48
                }
              
49
                
50
                const styles = StyleSheet.create({
              
51
                  container: {
              
52
                    flex: 1,
              
53
                    justifyContent: 'center',
              
54
                    alignItems: 'center',
              
55
                    backgroundColor: '#F5FCFF',
              
56
                  },
              
57
                  welcome: {
              
58
                    fontSize: 20,
              
59
                    textAlign: 'center',
              
60
                    margin: 10,
              
61
                  },
              
62
                  instructions: {
              
63
                    textAlign: 'center',
              
64
                    color: '#333333',
              
65
                    marginBottom: 5,
              
66
                  },
              
67
                });
              

Edit PDF Text Directly in React Native

Our feature-packed library enables seamless text editing, allowing you to add, remove, or modify text directly within your PDF. This not only enhances your application's user experience but also promotes greater productivity by eliminating the need to switch between different apps for text editing in PDFs.

Edit PDF Text Directly in React Native

Edit PDF Images Directly in React Native

Utilize our React Native PDF content editor library to edit images by inserting, deleting, rotating, or replacing images directly in your PDF files. Enhance the usability of your app by providing your users the ability to edit images without ever having to leave your application, offering an unmatched user experience.

Edit PDF Images Directly in React Native

React Native PDF Document Editor SDK

Manipulate PDF pages in your app with our document editor library for React Native. Quickly deploy out-of-the-box features that let you add/remove, split/merge, rotate, rearrange, insert, and replace PDF pages.

React Native PDF Document Editor SDK

React Native PDF Library for Forms

Accelerate your digital transformation efforts with our React Native PDF library for creating, editing, and filling PDF forms within your React Native applications with a range of PDF form fields like text field, push button, check box, radio button, combo box, list box, signature fields, and barcode (PDF417, QRCode, DataMatrix).

React Native PDF Library for Forms

I've improved how PDFs work on our iOS and Android apps using their React Native PDF Library. Now, we added annotations (highlighting, underlining, or striking out text) and released them on Google Play and AppStore for our users to markup PDFs.

Boris Slobodkin

Mobile Application Developer, Software Development

Free Trial ComPDFKit React Native PDF SDK Now!

Get ComPDFKit with a 30-day trial, running it into your project within minutes and having a great experience!
Get Started