{"id":29001411,"url":"https://github.com/AnswerDotAI/MonsterUI","last_synced_at":"2025-06-25T09:04:03.710Z","repository":{"id":258076494,"uuid":"840113134","full_name":"AnswerDotAI/MonsterUI","owner":"AnswerDotAI","description":"MonsterUI is a FastHTML Tailwind-powered UI framework for building beautiful web interfaces with minimal code.","archived":false,"fork":false,"pushed_at":"2025-05-28T16:44:59.000Z","size":6551,"stargazers_count":396,"open_issues_count":11,"forks_count":26,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-06-24T16:06:08.618Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://monsterui.answer.ai/","language":"Jupyter Notebook","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AnswerDotAI.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.bak","contributing":"CONTRIBUTING.md","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":"2024-08-09T02:11:17.000Z","updated_at":"2025-06-24T12:41:21.000Z","dependencies_parsed_at":"2024-10-20T10:51:31.603Z","dependency_job_id":"98ccc621-716d-418b-8d74-ae8eaba9c851","html_url":"https://github.com/AnswerDotAI/MonsterUI","commit_stats":null,"previous_names":["answerdotai/fh-frankenui","isaac-flath/fh-frankenui","answerdotai/monsterui"],"tags_count":15,"template":false,"template_full_name":null,"purl":"pkg:github/AnswerDotAI/MonsterUI","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnswerDotAI%2FMonsterUI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnswerDotAI%2FMonsterUI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnswerDotAI%2FMonsterUI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnswerDotAI%2FMonsterUI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AnswerDotAI","download_url":"https://codeload.github.com/AnswerDotAI/MonsterUI/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnswerDotAI%2FMonsterUI/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261711677,"owners_count":23198140,"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":"2025-06-25T09:02:52.486Z","updated_at":"2025-06-25T09:04:03.699Z","avatar_url":"https://github.com/AnswerDotAI.png","language":"Jupyter Notebook","readme":"# MonsterUI\n\nMonsterUI is a UI framework for FastHTML for building beautiful web interfaces with minimal code. It combines the simplicity of Python with the power of Tailwind. Perfect for data scientists, ML engineers, and developers who want to quickly turn their Python code into polished web apps without the complexity of traditional UI frameworks. Follows semantic HTML patterns when possible.\n\nMonsterUI adds the following  Tailwind-based libraries [Franken UI](https://franken-ui.dev/) and [DaisyUI](https://daisyui.com/) to FastHTML, as well as Python's [Mistletoe](https://github.com/miyuchina/mistletoe) for Markdown, [HighlightJS](https://highlightjs.org/) for code highlighting, and [Katex](https://katex.org/) for latex support.\n\n# Getting Started\n\n\n## Installation\n\nTo install this library, uses\n\n`pip install MonsterUI`\n\n## Getting Started\n\n### TLDR\n\nRun `python file.py` on this to start:\n\n``` python\nfrom fasthtml.common import *\nfrom monsterui.all import *\n\n# Choose a theme color (blue, green, red, etc)\nhdrs = Theme.blue.headers()\n\n# Create your app with the theme\napp, rt = fast_app(hdrs=hdrs)\n\n@rt\ndef index():\n    socials = (('github','https://github.com/AnswerDotAI/MonsterUI'),\n               ('twitter','https://twitter.com/isaac_flath/'),\n               ('linkedin','https://www.linkedin.com/in/isaacflath/'))\n    return Titled(\"Your First App\",\n        Card(\n            H1(\"Welcome!\"),\n            P(\"Your first MonsterUI app\", cls=TextPresets.muted_sm),\n            P(\"I'm excited to see what you build with MonsterUI!\"),\n            footer=DivLAligned(*[UkIconLink(icon,href=url) for icon,url in socials])))\n\nserve()\n```\n\n## LLM context files\n\nUsing LLMs for development is a best practice way to get started and\nexplore. While LLMs cannot code for you, they can be helpful assistants.\nYou must check, refactor, test, and vet any code any LLM generates for\nyou - but they are helpful productivity tools. Take a look inside the\n`llms.txt` file to see links to particularly useful context files!\n\n- [llms.txt](https://raw.githubusercontent.com/AnswerDotAI/MonsterUI/refs/heads/main/docs/llms.txt): Links to what is included\n- [llms-ctx.txt](https://raw.githubusercontent.com/AnswerDotAI/MonsterUI/refs/heads/main/docs/llms-ctx.txt): MonsterUI Documentation Pages\n- [API list](https://raw.githubusercontent.com/AnswerDotAI/MonsterUI/refs/heads/main/docs/apilist.txt): API list for MonsterUI (included in llms-ctx.txt)\n- [llms-ctx-full.txt](https://raw.githubusercontent.com/AnswerDotAI/MonsterUI/refs/heads/main/docs/llms-ctx-full.txt): Full context that includes all api reference pages as markdown\n\nIn addition you can add `/md` (for markdown) to a url to get a markdown representation and `/rmd` for rendered markdown representation (nice for looking to see what would be put into context.\n\n### Step by Step\n\nTo get started, check out:\n\n1.  Start by importing the modules as follows:\n\n``` python\nfrom fasthtml.common import *\nfrom monsterui.all import *\n```\n\n2.  Instantiate the app with the MonsterUI headers\n\n``` python\napp = FastHTML(hdrs=Theme.blue.headers())\n\n# Alternatively, using the fast_app method\napp, rt = fast_app(hdrs=Theme.slate.headers())\n```\n\n\u003e *The color option can be any of the theme options available out of the\n\u003e box*\n\n\u003e `katex` and `highlightjs` are not included by default. To include them set `katex=True` or `highlightjs=True` when calling `.headers`. (i.e. `Theme.slate.headers(katex=True)`)*\n\nFrom here, you can explore the API Reference \u0026 examples to see how to\nimplement the components. You can also check out these demo videos to as\na quick start guide:\n\n- MonsterUI [documentation page and Tutorial\n  app](https://monsterui.answer.ai/tutorial_app)\n- Isaac \u0026 Hamel : [Building his website’s team\n  page](https://youtu.be/22Jn46-mmM0)\n- Isaac \u0026 Audrey : [Building a blog](https://youtu.be/gVWAsywxLXE)\n- Isaac : [Building a blog](https://youtu.be/22NJgfAqgko)\n\nMore resources and improvements to the documentation will be added here\nsoon!\n","funding_links":[],"categories":["Jupyter Notebook"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAnswerDotAI%2FMonsterUI","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAnswerDotAI%2FMonsterUI","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAnswerDotAI%2FMonsterUI/lists"}