{"id":22447330,"url":"https://github.com/marketingpipeline/python-in-the-browser","last_synced_at":"2025-08-14T12:36:11.732Z","repository":{"id":43028208,"uuid":"502791504","full_name":"MarketingPipeline/Python-In-The-Browser","owner":"MarketingPipeline","description":"Examples \u0026 resources on how to use Python in the web browser.","archived":false,"fork":false,"pushed_at":"2022-11-04T05:23:47.000Z","size":45,"stargazers_count":7,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-10-24T08:30:54.081Z","etag":null,"topics":["brython","compilers","front-end","front-end-development","frontend","html","javascript","learn-to-code","pyscript","python","python-3","python-compiler","python-examples","python-html","python2","python3","web-assembly","web-browser","web-development"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MarketingPipeline.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-06-13T03:20:12.000Z","updated_at":"2024-06-03T18:17:34.000Z","dependencies_parsed_at":"2023-01-21T14:00:27.992Z","dependency_job_id":null,"html_url":"https://github.com/MarketingPipeline/Python-In-The-Browser","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarketingPipeline%2FPython-In-The-Browser","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarketingPipeline%2FPython-In-The-Browser/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarketingPipeline%2FPython-In-The-Browser/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarketingPipeline%2FPython-In-The-Browser/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MarketingPipeline","download_url":"https://codeload.github.com/MarketingPipeline/Python-In-The-Browser/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228407850,"owners_count":17915083,"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":["brython","compilers","front-end","front-end-development","frontend","html","javascript","learn-to-code","pyscript","python","python-3","python-compiler","python-examples","python-html","python2","python3","web-assembly","web-browser","web-development"],"created_at":"2024-12-06T04:15:59.538Z","updated_at":"2024-12-06T04:16:00.189Z","avatar_url":"https://github.com/MarketingPipeline.png","language":null,"readme":"# Python-In-The-Browser\n\u003cp align=\"center\"\u003e\n  \u003cimg height=\"400\" src=\"https://user-images.githubusercontent.com/86180097/177475981-12c01852-61b4-480d-b6d4-5e1707cfb7ae.png\" /\u003e\n\u003c/p\u003e\n\u003cdiv align=\"center\"\u003e\nExamples \u0026amp; resources on how to use Python in the web browser. \n  \n\n   \u003cbr\u003e\n  \u003csmall\u003e \u003cb\u003e\u003ci\u003eShow your support!\u003c/i\u003e \u003c/b\u003e\u003c/small\u003e\n  \u003cbr\u003e\n   \u003ca href=\"https://github.com/MarketingPipeline/Python-In-The-Browser\"\u003e\n    \u003cimg title=\"Star on GitHub\" src=\"https://img.shields.io/github/stars/MarketingPipeline/Python-In-The-Browser.svg?style=social\u0026label=Star\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/MarketingPipeline/Python-In-The-Browser/fork\"\u003e\n    \u003cimg title=\"Fork on GitHub\" src=\"https://img.shields.io/github/forks/MarketingPipeline/Python-In-The-Browser.svg?style=social\u0026label=Fork\"\u003e\n  \u003c/a\u003e\n   \u003c/p\u003e  \n \u003c/div\u003e\n\n## Compilers\n\n\u003cdetails\u003e\n  \u003csummary\u003eClick to view the list of compilers\u003c/summary\u003e\n  \n  \u003cbr\u003e\n\n\n[cpython-emscripten:](https://github.com/dgym/cpython-emscripten) Python in the browser - CPython compiled with emscripten.\n\n[Pyodide:](https://github.com/pyodide/pyodide) is a Python distribution for the browser and Node.js based on WebAssembly.\n\n[pypyjs:](https://github.com/pypyjs/pypyjs) PyPy compiled to JavaScript.\n\n[Batavia:](https://github.com/beeware/batavia) A JavaScript implementation that uses a virtual machine to run precompiled Python bytecode.\n\n[Skulpt:](https://github.com/skulpt/skulpt) is a Javascript implementation of Python 2.x.\n\n[Transcrypt:](https://github.com/qquick/transcrypt) Python 3.7 to JavaScript compiler - Lean, fast, open! \n\n[PyScript:](https://github.com/pyscript/pyscript) a project that aims to combine multiple open technologies into a framework that allows users to create sophisticated browser applications with Python.\n\n\n[RapydScript:](https://github.com/atsepkov/RapydScript)  transpiler for a Python like language to JavaScript.\n\n[RapydScript-ng:](https://github.com/kovidgoyal/rapydscript-ng) A improved community fork of RapydScript.  \n  \n\u003c/details\u003e\n\n\n\u003cbr\u003e\n\nThere are many projects that have focused on using Python into the web browser. Tho  they do have some differences, this comparision table [Python-in-the-browser technologies](https://stromberg.dnsalias.org/~strombrg/pybrowser/python-browser.html) \u0026 the photos below will help you understand some of the differences in some of these projects / compilers.  \n\u003cbr\u003e\n\u003cdetails\u003e\n\u003csummary\u003eClick to view the photos\u003c/summary\u003e\n\u003cbr\u003e\n  \n\n\u003cdiv align=\"center\"\u003e  \n\u003cimg src=\"https://i.stack.imgur.com/jESu8.png\"\u003e\u003c/img\u003e  \n\u003cimg src=\"https://d33wubrfki0l68.cloudfront.net/2a51872ae8224287d847c351f9330c9370dfe14d/2c521/wp-content/uploads/2019/05/screen-shot-2019-05-22-at-1.34.17-pm.png\"\u003e\u003c/img\u003e\n\u003ci\u003e Images Taken From : \u003ca href=\"https://yasoob.me/2019/05/22/running-python-in-the-browser\"\u003eRunning Python in the Browser - Yasoob Khalid\u003c/a\u003e \u003c/i\u003e \u003c/div\u003e\n\n\u003c/details\u003e\n\n\n\u003cbr\u003e\n\n#### Extra Resource\n\n[PyCon AU 2018: A Web without JavaScript](https://www.youtube.com/watch?v=2XSeNQyPlTY) A video / talk about using Python in the Web Browser by [@freakboy3742](https://github.com/freakboy3742) (Founder of [BeeWare](https://github.com/beeware) \u0026 was a previous president of the [Django Software Foundation](https://www.djangoproject.com/foundation/))\n\n\u003cbr\u003e\n\n## Examples \n\n\n\u003cdetails\u003e\n  \u003csummary\u003eBrython Examples\u003c/summary\u003e\n  \nFor more detailed info on how to use Brython visit the [Brython documentation](https://brython.info/static_doc/en/intro.html) page  \n\n- **Show Input Value**  \n  [Source](https://github.com/MarketingPipeline/Python-In-The-Browser/blob/main/demos/brython/show_input_value.html),\n  [Demo](https://marketingpipeline.github.io/Python-In-The-Browser/demos/brython/show_input_value.html) \n  \n- **Check if Input Is Integer**  \n  [Source](https://github.com/MarketingPipeline/Python-In-The-Browser/blob/main/demos/brython/check_if_interger.html),\n  [Demo](https://marketingpipeline.github.io/Python-In-The-Browser/demos/brython/check_if_interger.html) \n  \n- **Adding Integers**  \n  [Source](https://github.com/MarketingPipeline/Python-In-The-Browser/blob/main/demos/brython/adding_intergers.html),\n  [Demo](https://marketingpipeline.github.io/Python-In-The-Browser/demos/brython/adding_intergers.html)   \n  \n\u003c/details\u003e\n\n\n\n\u003cdetails\u003e\n\u003csummary\u003ePyScript Examples\u003c/summary\u003e\n\n  \nFor more detailed info on how to use PyScript visit the [PyScript documentation](https://github.com/pyscript/pyscript/blob/main/docs/tutorials/getting-started.md) page  \n\n- **Show Input Value**  \n  [Source](https://github.com/MarketingPipeline/Python-In-The-Browser/blob/main/demos/PyScript/show_input_value.html),\n  [Demo](https://marketingpipeline.github.io/Python-In-The-Browser/demos/PyScript/show_input_value.html) \n  \n- **Check if Input Is Integer**  \n  [Source](https://github.com/MarketingPipeline/Python-In-The-Browser/blob/main/demos/PyScript/check_if_interger.html),\n  [Demo](https://marketingpipeline.github.io/Python-In-The-Browser/demos/PyScript/check_if_interger.html) \n  \n- **Adding Integers**  \n  [Source](https://github.com/MarketingPipeline/Python-In-The-Browser/blob/main/demos/PyScript/adding_integers.html),\n  [Demo](https://marketingpipeline.github.io/Python-In-The-Browser/demos/PyScript/adding_integers.html)   \n    \n\n  \n  \n  \n\u003c/details\u003e\n\n\n\n## Contributing ![GitHub](https://img.shields.io/github/contributors/MarketingPipeline/Python-In-The-Browser)\n\nWant to help improve this [repo](https://github.com/MarketingPipeline/Python-In-The-Browser/)? Create a pull request with your detailed changes! If approved you will be added to the list of contributors of this awesome [repo](https://github.com/MarketingPipeline/Python-In-The-Browser/)!\n\nSee also the list of\n[contributors](https://github.com/MarketingPipeline/Python-In-The-Browser/graphs/contributors) who\nparticipate in this project.\n\n## License \u003ca href=\"https://github.com/MarketingPipeline/Python-In-The-Browser/blob/main/LICENSE\"\u003e \u003cimg alt=\"License: CC BY-NC 4.0\" src=\"https://img.shields.io/badge/License-CC%20BY--NC%204.0-orange.svg\"\u003e\u003c/img\u003e\u003c/a\u003e\n\n\nThis repo is licensed under the Creative Commons Attribution-NonCommercial 4.0 International License - see the\n[LICENSE.md](https://github.com/MarketingPipeline/Python-In-The-Browser/blob/main/LICENSE) file for\ndetails.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarketingpipeline%2Fpython-in-the-browser","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmarketingpipeline%2Fpython-in-the-browser","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarketingpipeline%2Fpython-in-the-browser/lists"}