{"id":19756852,"url":"https://github.com/compdfkit/compdfkit-web-example-react","last_synced_at":"2025-02-28T02:19:00.198Z","repository":{"id":252747830,"uuid":"839780041","full_name":"ComPDFKit/compdfkit-web-example-react","owner":"ComPDFKit","description":"Example of how to integrate ComPDFKit for Web in a React project.","archived":false,"fork":false,"pushed_at":"2024-11-08T08:24:29.000Z","size":24,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-01-10T22:41:14.599Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ComPDFKit.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-08T10:02:35.000Z","updated_at":"2024-12-27T02:12:36.000Z","dependencies_parsed_at":"2025-01-10T22:40:00.908Z","dependency_job_id":"3cecb938-a8a9-4f9c-bee0-2861efcecc5e","html_url":"https://github.com/ComPDFKit/compdfkit-web-example-react","commit_stats":null,"previous_names":["compdfkit/compdfkit-web-example-react"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ComPDFKit%2Fcompdfkit-web-example-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ComPDFKit%2Fcompdfkit-web-example-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ComPDFKit%2Fcompdfkit-web-example-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ComPDFKit%2Fcompdfkit-web-example-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ComPDFKit","download_url":"https://codeload.github.com/ComPDFKit/compdfkit-web-example-react/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241088977,"owners_count":19907665,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-12T03:17:11.608Z","updated_at":"2025-02-28T02:19:00.175Z","avatar_url":"https://github.com/ComPDFKit.png","language":"JavaScript","readme":"[ComPDFKit PDF SDK](https://www.compdf.com) seamlessly operates on [Web](https://www.compdf.com/web), [Windows](https://www.compdf.com/windows), [Android](https://www.compdf.com/android), [iOS](https://www.compdf.com/ios), [Mac](https://www.compdf.com/contact-sales), and [Server](https://www.compdf.com/server), with support for cross-platform frameworks such as [React Native](https://www.compdf.com/react-native), [Flutter](https://www.compdf.com/flutter), etc.\n\n\n\n## Introduction\n[ComPDFKit Web SDK](https://www.compdf.com/web) is a powerful JavaScript-based PDF Library with a slick out-of-the-box responsive UI, which is ideal for developers looking to enhance web apps with powerful PDF features. It enables you to develop a Webviewer in multiple frameworks, including [Vanilla JavaScript](https://www.compdf.com/guides/pdf-sdk/web/make-a-program#integrate-into-a-vanilla-javascript-project), [Vue.js](https://www.compdf.com/guides/pdf-sdk/web/frameworks/vue), [React](https://www.compdf.com/guides/pdf-sdk/web/frameworks/react), [Angular](https://www.compdf.com/guides/pdf-sdk/web/frameworks/angular), [Next.js,](https://www.compdf.com/guides/pdf-sdk/web/frameworks/nextjs) [Nuxt.js](https://www.compdf.com/guides/pdf-sdk/web/frameworks/nuxtjs), [Svelte](https://www.compdf.com/guides/pdf-sdk/web/frameworks/svelte), etc.\n\n## Related\n\n- Download [ComPDFKit for Web](https://www.npmjs.com/package/@compdfkit_pdf_sdk/webviewer) in npm.\n\n- Go to [ComPDFKit's Web Demo](https://www.compdf.com/webviewer/demo) to experience how our WebViewer performs.\n\n- Integrate ComPDFKit Web SDK into [Salesforce](https://www.compdf.com/pdf-sdk/salesforce), [SharePoint](https://www.compdf.com/pdf-sdk/sharepoint), [Microsoft Teams](https://www.compdf.com/contact-sales), etc.\n\n- [Build a Web PDF Viewer with React](https://www.compdf.com/blog/build-a-web-pdf-viewer-with-react)\n\n- [ComPDFKit Standalone Deployment for Web](https://www.compdf.com/blog/compdfkit-standalone-deployment-for-web)\n\n- Recognize and extract data from PDFs with our online [Extract Demo](https://www.compdf.com/pdf-extract/demo)\n\n\n## Prerequisites\n\n\nTo get started, you'll need:\n\n- The latest stable version of Node.js.\n\n- A package manager compatible with npm.\n\n- License Key: Get a [free 30-day license](https://www.compdf.com/pricing) on our website to test the project.\n\n\n## Getting Started\n\n1. Clone the repository:\n\n```bash\ngit clone https://github.com/ComPDFKit/compdfkit-web-example-react.git\ncd compdfkit-web-example-react\n```\n\n2. Install the dependencies of the example project with npm:\n\n```bash\nnpm install\n```\nFor more information and operations, please visit our [development documentation](https://www.compdf.com/guides/pdf-sdk/web/react).\n\n## License\n\nReplace the `\u003cInput your license here\u003e` field in the `src/webviewer.js` with the license you get from our Team.\n\nComPDFKit for Web supports flexible licensing options. You can [apply for a license online](https://www.compdf.com/pricing) to use it, reducing the process of contacting the service team and saving you time. If you need more information, you can [contact our sales team](https://www.compdf.com/contact-sales). Each license is valid only for the root domain name and any of its subdomains. \n\nPlease note that it is not allowed to distribute any documents, sample code, or source code from the ComPDFKit PDF SDK package to third parties.\n\n*Note: The license we provide on Github can only run the demo. If you want to integrate our Web PDF SDK into your own React project, please [apply for a free trial license](https://www.compdf.com/pricing) on the website.*\n\n\n## Run the Example\n\n```bash\nnpm start\n```\n\nYou can visit `http://localhost:8080` on your browser. Then you will be able to see the PDF file you want to display.\n\n## Support\n\n\nComPDFKit has a professional R\u0026D team that produces comprehensive technical documentation and guides to help developers. Also, you can get an immediate response when reporting your problems to our support team.\n\n- For detailed information, please visit our [Guides](https://www.compdf.com/guides/pdf-sdk/web/overview) page.\n\n- Stay updated with the latest improvements through our [Changelog](https://www.compdf.com/pdf-sdk/changelog-web).\n\n- For technical assistance, please reach out to our [Technical Support](https://www.compdf.com/support).\n\n- To get more details and an accurate quote, please contact our [Sales Team](https://compdf.com/contact-sales).\n\n\n\n## Note\n\nWe are glad to announce that you can register a ComPDFKit API account for a [free trial](https://api.compdf.com/api/pricing) to process 1000 documents per month for free.\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcompdfkit%2Fcompdfkit-web-example-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcompdfkit%2Fcompdfkit-web-example-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcompdfkit%2Fcompdfkit-web-example-react/lists"}