{"id":25872909,"url":"https://github.com/excessivecoding/astro-htmx","last_synced_at":"2025-03-02T08:29:04.838Z","repository":{"id":200587144,"uuid":"705758993","full_name":"excessivecoding/astro-htmx","owner":"excessivecoding","description":"Easily install HTMX into your Astro project","archived":false,"fork":false,"pushed_at":"2024-05-27T11:07:49.000Z","size":483,"stargazers_count":77,"open_issues_count":0,"forks_count":3,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-01T00:39:41.732Z","etag":null,"topics":["astro","htmx"],"latest_commit_sha":null,"homepage":"","language":"Astro","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/excessivecoding.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2023-10-16T16:29:30.000Z","updated_at":"2025-02-16T01:46:51.000Z","dependencies_parsed_at":"2024-02-06T14:57:28.803Z","dependency_job_id":"c1b517a8-08ea-478d-af6f-f6fbcdc4df46","html_url":"https://github.com/excessivecoding/astro-htmx","commit_stats":null,"previous_names":["xstevenyung/astro-htmx","excessivecoding/astro-htmx"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/excessivecoding%2Fastro-htmx","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/excessivecoding%2Fastro-htmx/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/excessivecoding%2Fastro-htmx/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/excessivecoding%2Fastro-htmx/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/excessivecoding","download_url":"https://codeload.github.com/excessivecoding/astro-htmx/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241481449,"owners_count":19969829,"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":["astro","htmx"],"created_at":"2025-03-02T08:29:04.077Z","updated_at":"2025-03-02T08:29:04.823Z","avatar_url":"https://github.com/excessivecoding.png","language":"Astro","readme":"# astro-htmx\n\nThis **[Astro integration](https://astro.build/integrations/)** adds [HTMX.org](https://htmx.org) to your project so that you can use HTMX.org anywhere on your page.\n\n- \u003cstrong\u003e[Inst**al**lation](#installation)\u003c/strong\u003e\n- \u003cstrong\u003e[Usage](#usage)\u003c/strong\u003e\n- \u003cstrong\u003e[Configuration](#configuration)\u003c/strong\u003e\n- \u003cstrong\u003e[Examples](#examples)\u003c/strong\u003e\n- \u003cstrong\u003e[Troubleshooting](#troubleshooting)\u003c/strong\u003e\n- \u003cstrong\u003e[Contributing](#contributing)\u003c/strong\u003e\n- \u003cstrong\u003e[Changelog](#changelog)\u003c/strong\u003e\n\n## Installation\n\n### Manual Install\n\nFirst, install the `astro-htmx` package using your package manager. If you're using npm or aren't sure, run this in the terminal:\n\n```sh\nnpm install astro-htmx htmx.org\n```\n\nThen, apply this integration to your `astro.config.*` file using the `integrations` property:\n\n```diff lang=\"js\" \"htmx()\"\n  // astro.config.mjs\n  import { defineConfig } from 'astro/config';\n+ import htmx from 'astro-htmx';\n\n  export default defineConfig({\n    // ...\n    integrations: [htmx()],\n    //             ^^^^^^^^\n  });\n```\n\n## Usage\n\nOnce the integration is installed, you can use [HTMX.org](https://htmx.org) directives and syntax inside any Astro component. The HTMX.org script is automatically added and enabled on every page of your website.\n\nCheck [Astro Integration Documentation](https://astro.build/integrations/) for more on integrations.\n\n## Limitations\n\nThe HTMX.org integration does not give you control over how the script is loaded or initialized. If you require this control, consider [installing and using HTMX.org manually](https://htmx.org/docs/#installing). Astro supports all officially documented HTMX.org manual setup instructions, using `\u003cscript\u003e` tags inside of an Astro component.\n\n```astro\n---\n// src/pages/index.astro\n---\n\n\u003c!-- Example: Load HTMX on a single page. --\u003e\n\u003cscript\u003e\n  import \"htmx.org\";\n\u003c/script\u003e\n```\n\n## Configuration\n\nThe HTMX.org integration does not support any custom configuration at this time.\n\n## Examples\n\n- The [Astro HTMX example](https://github.com/xstevenyung/astro-htmx/tree/main/example) shows how to use HTMX in an Astro project.\n\n## Contributing\n\nThis package is maintained by [xstevenyung](https://github.com/xstevenyung). You're welcome to submit an issue or PR!\n\n[astro-integration]: https://docs.astro.build/en/guides/integrations-guide/\n[astro-ui-frameworks]: https://docs.astro.build/en/core-concepts/framework-components/#using-framework-components\n[htmx]: https://htmx.org/\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fexcessivecoding%2Fastro-htmx","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fexcessivecoding%2Fastro-htmx","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fexcessivecoding%2Fastro-htmx/lists"}