{"id":31642470,"url":"https://github.com/tameronline/jinja_components","last_synced_at":"2026-02-16T15:35:31.450Z","repository":{"id":300939419,"uuid":"1007662844","full_name":"TamerOnLine/jinja_components","owner":"TamerOnLine","description":null,"archived":false,"fork":false,"pushed_at":"2025-06-24T13:13:31.000Z","size":25,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-21T14:50:24.546Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Jinja","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/TamerOnLine.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,"zenodo":null}},"created_at":"2025-06-24T10:38:42.000Z","updated_at":"2025-06-24T13:15:59.000Z","dependencies_parsed_at":"2025-06-24T11:49:01.207Z","dependency_job_id":null,"html_url":"https://github.com/TamerOnLine/jinja_components","commit_stats":null,"previous_names":["tameronline/jinja_components"],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/TamerOnLine/jinja_components","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TamerOnLine%2Fjinja_components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TamerOnLine%2Fjinja_components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TamerOnLine%2Fjinja_components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TamerOnLine%2Fjinja_components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TamerOnLine","download_url":"https://codeload.github.com/TamerOnLine/jinja_components/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TamerOnLine%2Fjinja_components/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29511671,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-16T09:05:14.864Z","status":"ssl_error","status_checked_at":"2026-02-16T08:55:59.364Z","response_time":115,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":"2025-10-07T03:59:33.533Z","updated_at":"2026-02-16T15:35:31.411Z","avatar_url":"https://github.com/TamerOnLine.png","language":"Jinja","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🧩 jinja_components\n\n**Reusable Jinja2 Components and Macros for Web Projects**\n\n`jinja_components` is a minimal and extensible library of reusable HTML components and Jinja2 macros, designed to speed up template development in Flask, Django, and static Jinja projects.\n\n---\n\n## 📦 Installation\n\n```bash\ngit clone https://github.com/TamerOnLine/jinja_components.git\ncd jinja_components\npython -m venv venv\nsource venv/bin/activate  # or .\\venv\\Scripts\\Activate for Windows\npip install --upgrade pip\npip install -r requirements.txt\n```\n\n---\n\n## 📁 Project Structure\n\n```\njinja_components/\n├── components/           # Standalone reusable HTML blocks (cards, buttons, sections...)\n├── macros/               # Modular Jinja2 macros grouped by function\n├── macros.html.j2        # Central macro definitions (for inclusion)\n├── style_injector.j2     # Injects dynamic style variables into templates\n├── requirements.txt      # Python dependencies\n├── LICENSE\n└── README.md\n```\n\n---\n\n## 💡 Usage Example\n\n**macros.html.j2**\n```jinja2\n{% macro card(title, content) %}\n  \u003cdiv class=\"card\"\u003e\n    \u003ch3\u003e{{ title }}\u003c/h3\u003e\n    \u003cp\u003e{{ content }}\u003c/p\u003e\n  \u003c/div\u003e\n{% endmacro %}\n```\n\n**In your template:**\n```jinja2\n{% import 'macros.html.j2' as ui %}\n{{ ui.card(\"Welcome\", \"This is a reusable card component.\") }}\n```\n\n---\n\n## 🎨 Dynamic Styling\n\nCustomize the component styles using `style_injector.j2`:\n\n```jinja2\n{% set settings = {\n  \"bg_color\": \"#f9f9f9\",\n  \"font_family\": \"Tahoma\",\n  \"border_radius\": \"16px\"\n} %}\n{% include 'style_injector.j2' %}\n```\n\n---\n\n## ✅ Goals\n\n- ✔️ Reusability\n- ✔️ Clean and semantic HTML\n- ✔️ Modular structure for maintainability\n- ✔️ Easy to integrate into Flask or static Jinja setups\n\n---\n\n## 📌 Roadmap\n\n- [ ] Add more components (badges, alerts, navbars...)\n- [ ] Add unit tests\n- [ ] Add real-time theme switcher (dark/light)\n- [ ] Publish on PyPI (jinja-components)\n\n---\n\n## 🪪 License\n\nThis project is licensed under the [MIT License](LICENSE).\n\n---\n\n## 👤 Author\n\n**Tamer Hamad Faour**  \n[GitHub @TamerOnLine](https://github.com/TamerOnLine)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftameronline%2Fjinja_components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftameronline%2Fjinja_components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftameronline%2Fjinja_components/lists"}