{"id":22432331,"url":"https://github.com/normalhuman01/credential-app","last_synced_at":"2025-06-16T07:06:24.213Z","repository":{"id":212179979,"uuid":"730891208","full_name":"normalhuman01/credential-app","owner":"normalhuman01","description":"project - react pdf to create some credentials","archived":false,"fork":false,"pushed_at":"2023-12-12T22:45:57.000Z","size":6185,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-27T07:48:15.487Z","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":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/normalhuman01.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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":"2023-12-12T22:44:36.000Z","updated_at":"2023-12-12T22:46:02.000Z","dependencies_parsed_at":null,"dependency_job_id":"ec5095ad-19dd-4382-b6d3-2a252cf2774e","html_url":"https://github.com/normalhuman01/credential-app","commit_stats":null,"previous_names":["compostapuerta-cl/credential-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/normalhuman01/credential-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/normalhuman01%2Fcredential-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/normalhuman01%2Fcredential-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/normalhuman01%2Fcredential-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/normalhuman01%2Fcredential-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/normalhuman01","download_url":"https://codeload.github.com/normalhuman01/credential-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/normalhuman01%2Fcredential-app/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260116647,"owners_count":22961064,"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-12-05T22:11:30.594Z","updated_at":"2025-06-16T07:06:24.187Z","avatar_url":"https://github.com/normalhuman01.png","language":"JavaScript","funding_links":["https://opencollective.com/react-pdf"],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/5600341/27505816-c8bc37aa-587f-11e7-9a86-08a2d081a8b9.png\" height=\"400px\"\u003e\u003c/p\u003e\n\nReact renderer for creating PDF files on the browser, mobile and server\n\n[![npm](https://img.shields.io/npm/v/@react-pdf/renderer.svg)](https://www.npmjs.com/package/@react-pdf/renderer)\n[![Travis](https://img.shields.io/travis/diegomura/react-pdf.svg)](https://travis-ci.org/diegomura/react-pdf)\n[![license](https://img.shields.io/github/license/diegomura/react-pdf.svg)](https://github.com/diegomura/react-pdf/blob/master/LICENSE)\n[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/react-pdf)\n[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n## How to install\n```sh\nyarn add @react-pdf/renderer\n```\n\n## How it works\n\n```jsx\nimport React from 'react';\nimport { Document, Page, Text, View, StyleSheet } from '@react-pdf/renderer';\n\n// Create styles\nconst styles = StyleSheet.create({\n  page: {\n    flexDirection: 'row',\n    backgroundColor: '#E4E4E4'\n  },\n  section: {\n    margin: 10,\n    padding: 10,\n    flexGrow: 1\n  }\n});\n\n// Create Document Component\nconst MyDocument = () =\u003e (\n  \u003cDocument\u003e\n    \u003cPage size=\"A4\" style={styles.page}\u003e\n      \u003cView style={styles.section}\u003e\n        \u003cText\u003eSection #1\u003c/Text\u003e\n      \u003c/View\u003e\n      \u003cView style={styles.section}\u003e\n        \u003cText\u003eSection #2\u003c/Text\u003e\n      \u003c/View\u003e\n    \u003c/Page\u003e\n  \u003c/Document\u003e\n);\n```\n\n### Render in DOM\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nReactDOM.render(\u003cMyDocument /\u003e, document.getElementById('root'));\n```\n\n### Save in a file\n```jsx\nimport React from 'react';\nimport ReactPDF from '@react-pdf/renderer';\n\nReactPDF.render(\u003cMyDocument /\u003e, `${__dirname}/example.pdf`);\n```\n\n### Render in mobile\n\u003e Coming soon\n\n## Examples\nFor each example, try opening `output.pdf` to see the result.\n\n\u003ctable\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"top\"\u003e\n        \u003cimg width=\"150\" height=\"150\" src=\"https://github.com/diegomura/react-pdf/blob/master/examples/text/thumb.png\"\u003e\n        \u003cbr\u003e\n        \u003ca href=\"https://github.com/diegomura/react-pdf/tree/master/examples/text/\"\u003eText\u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\"\u003e\n        \u003cimg width=\"150\" height=\"150\" src=\"https://github.com/diegomura/react-pdf/blob/master/examples/images/thumb.png\"\u003e\n        \u003cbr\u003e\n        \u003ca href=\"https://github.com/diegomura/react-pdf/tree/master/examples/images/\"\u003eImages\u003c/a\u003e\n      \u003c/td\u003e\n\t\t\t\u003ctd align=\"center\" valign=\"top\"\u003e\n\t\t\t\t\u003cimg width=\"150\" height=\"150\" src=\"https://github.com/diegomura/react-pdf/blob/master/examples/resume/thumb.png\"\u003e\n\t\t\t\t\u003cbr\u003e\n\t\t\t\t\u003ca href=\"https://github.com/diegomura/react-pdf/tree/master/examples/resume/\"\u003eResume\u003c/a\u003e\n\t\t\t\u003c/td\u003e\n\t\t\t\u003ctd align=\"center\" valign=\"top\"\u003e\n\t\t\t\t\u003cimg width=\"150\" height=\"150\" src=\"https://github.com/diegomura/react-pdf/blob/master/examples/fractals/thumb.png\"\u003e\n\t\t\t\t\u003cbr\u003e\n\t\t\t\t\u003ca href=\"https://github.com/diegomura/react-pdf/tree/master/examples/fractals/\"\u003eFractals\u003c/a\u003e\n\t\t\t\u003c/td\u003e\n\t\t\u003c/tr\u003e\n\t\u003c/tbody\u003e\n\u003c/table\u003e\n\u003ctable\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd align=\"center\" valign=\"top\"\u003e\n\t\t\t\t\u003cimg width=\"150\" height=\"150\" src=\"https://github.com/diegomura/react-pdf/blob/master/examples/knobs/thumb.png\"\u003e\n\t\t\t\t\u003cbr\u003e\n\t\t\t\t\u003ca href=\"https://github.com/diegomura/react-pdf/tree/master/examples/knobs/\"\u003eKnobs\u003c/a\u003e\n\t\t\t\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\"\u003e\n        \u003cimg width=\"150\" height=\"150\" src=\"https://github.com/diegomura/react-pdf/blob/master/examples/pageWrap/thumb.png\"\u003e\n        \u003cbr\u003e\n        \u003ca href=\"https://github.com/diegomura/react-pdf/tree/master/examples/pageWrap/\"\u003ePage wrap\u003c/a\u003e\n      \u003c/td\u003e  \n\t\t\u003c/tr\u003e\n\t\u003c/tbody\u003e\n\u003c/table\u003e\n\nTo run the examples, first clone the project and install the dependencies:\n```sh\ngit clone https://github.com/diegomura/react-pdf.git\ncd react-pdf\nyarn install\n```\nThen, run `yarn example -- \u003cexample-name\u003e`\n```sh\nyarn example -- fractals\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute]](CONTRIBUTING.md).\n\u003ca href=\"https://github.com/diegomura/react-pdf/graphs/contributors\"\u003e\u003cimg src=\"https://opencollective.com/react-pdf/contributors.svg?width=890\" /\u003e\u003c/a\u003e\n\n## Sponsors\n\nThank you to all our sponsors! [[Become a sponsors](https://opencollective.com/react-pdf#sponsors)]\n\n\u003ca href=\"https://opencollective.com/react-pdf#sponsors\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-pdf/sponsors.svg?width=890\"\u003e\u003c/a\u003e\n\n## Backers\n\nThank you to all our backers! [[Become a backer](https://opencollective.com/react-pdf#backer)]\n\n\u003ca href=\"https://opencollective.com/react-pdf#backers\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/react-pdf/backers.svg?width=890\"\u003e\u003c/a\u003e\n\n## License\n\nMIT © [Diego Muracciole](http://github.com/diegomura)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnormalhuman01%2Fcredential-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnormalhuman01%2Fcredential-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnormalhuman01%2Fcredential-app/lists"}