{"id":18868838,"url":"https://github.com/venopyX/scorpiui","last_synced_at":"2025-04-14T14:32:01.024Z","repository":{"id":242397605,"uuid":"803723158","full_name":"venopyX/scorpiui","owner":"venopyX","description":"ScorpiUI - Use Python as your main language in your future projects.","archived":false,"fork":false,"pushed_at":"2025-01-18T20:27:17.000Z","size":109,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-07T01:40:31.907Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Python","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/venopyX.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-05-21T09:09:57.000Z","updated_at":"2025-01-18T20:27:22.000Z","dependencies_parsed_at":null,"dependency_job_id":"a6a8ebdc-c0b6-4ea9-b288-4c5c06327125","html_url":"https://github.com/venopyX/scorpiui","commit_stats":null,"previous_names":["gladsonchala/scorpiui","venopyx/scorpiui"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/venopyX%2Fscorpiui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/venopyX%2Fscorpiui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/venopyX%2Fscorpiui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/venopyX%2Fscorpiui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/venopyX","download_url":"https://codeload.github.com/venopyX/scorpiui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248897236,"owners_count":21179562,"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-08T05:14:55.984Z","updated_at":"2025-04-14T14:32:01.013Z","avatar_url":"https://github.com/venopyX.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ScorpiUI\n\n`ScorpiUI` is a Python-based UI library designed to simplify frontend development for Python backend developers. With ScorpiUI, you can create dynamic and interactive web applications using Python alone, reducing the need for traditional frontend technologies such as HTML, CSS, and JavaScript.\n\n## Features\n\n- **Pythonic Development**: ScorpiUI allows you to define UI components, handle events, and execute JavaScript code entirely in Python, making frontend development more accessible to Python developers.\n  \n- **Customizable Components**: ScorpiUI provides a range of customizable UI components, including buttons, forms, modals, and more, allowing you to create rich user interfaces tailored to your application's needs.\n  \n- **Event Handling**: Easily handle user interactions and events with Python functions, making it straightforward to implement dynamic behavior in your web applications.\n  \n- **CSS Styling**: Customize the appearance of your UI components using custom CSS styles directly within your Python code, ensuring consistent and visually appealing designs.\n  \n- **JavaScript Execution**: Execute client-side JavaScript code in response to user actions, enabling real-time interactivity and enhancing the user experience.\n\n## Installation\n\nYou can install ScorpiUI using pip:\n\n```bash\npip install scorpiui\n```\n\n## Getting Started\n\nHere's a simple example of how to create a page with single button with ScorpiUI:\n\n\u003e **1** Create your new project folder and open it.\n\u003e **2** Create file called `app.py` in your project root directory.\n\u003e Here's sample `app.py` code to get started:\n```python\nfrom scorpiui.app import app, run_app\nfrom scorpiui.components.button import Button\nfrom scorpiui.components.text_input import TextInput\nfrom flask import render_template\n\n# Store input values\ninput_values = {}\n\ndef on_text_change(value):\n    input_values['text_input'] = value\n    print(\"Text input changed:\", value)\n\ndef on_button_click():\n    text = input_values.get('text_input', '')\n    print(\"Button clicked\", text)\n\n# Create a TextInput instance\nmy_text_input = TextInput(\n    placeholder=\"Enter text here...\",\n    height=30,\n    width=200,\n    background_color=\"#ffffff\",\n    text_color=\"#000000\",\n    border_radius=\"5px\",\n    text_align=\"left\",\n    read_only=False,\n    on_change=on_text_change,\n    js_code='console.log(\"Input changed\");',\n    css_code='border: 1px solid #ccc; padding: 5px;'\n)\n\n# Create a button instance with the desired properties, JS code, and CSS code\nmy_button = Button(\n    label=\"Click Me\",\n    height=50,\n    width=150,\n    background_color=\"#3498db\",\n    text_color=\"#ffffff\",\n    border_radius=\"12px\",\n    onclick=on_button_click,\n    js_code='alert(\"Button successfully clicked!\");', \n    css_code='border: 5px solid red; color: yellow; text-align: center; font-size: 16px; cursor: pointer;'\n)\n\n@app.route('/')\ndef home():\n    button_html = my_button.render()\n    input_html = my_text_input.render()\n\n    HTMLcontent = button_html + input_html\n    return render_template('base.html', content=HTMLcontent, title=\"ScorpiUI Test\")\n\nif __name__ == '__main__':\n    run_app()\n```\n\n\u003e **3** Now, open terminal in your project's root directory run your web app:\n```sh\npython3 app.py\n```\n\n\u003c!--\n## Documentation\n\nFor detailed usage instructions and documentation, please refer to the [ScorpiUI Documentation](https://github.com/gladsonchala/scorpiui).\n--\u003e\n\n## Contributing\n\nContributions are welcome! If you have any ideas, bug fixes, or enhancements, feel free to open an issue or submit a pull request on the [GitHub repository](https://github.com/gladsonchala/scorpiui).\n\n## License\n\nScorpiUI is licensed under the [MIT License](https://opensource.org/licenses/MIT).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FvenopyX%2Fscorpiui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FvenopyX%2Fscorpiui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FvenopyX%2Fscorpiui/lists"}