{"id":28423770,"url":"https://github.com/casoon/casoon-ui-components","last_synced_at":"2026-02-22T18:37:36.231Z","repository":{"id":287965984,"uuid":"966378961","full_name":"casoon/casoon-ui-components","owner":"casoon","description":null,"archived":false,"fork":false,"pushed_at":"2025-04-19T07:49:29.000Z","size":26,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-09T02:55:06.664Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/casoon.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,"zenodo":null}},"created_at":"2025-04-14T20:41:57.000Z","updated_at":"2025-04-19T07:49:33.000Z","dependencies_parsed_at":"2025-04-14T22:21:45.892Z","dependency_job_id":"eddc9ec8-1521-471b-a65d-9ab65f3fd3a6","html_url":"https://github.com/casoon/casoon-ui-components","commit_stats":null,"previous_names":["casoon/casoon-ui-components"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/casoon/casoon-ui-components","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/casoon%2Fcasoon-ui-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/casoon%2Fcasoon-ui-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/casoon%2Fcasoon-ui-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/casoon%2Fcasoon-ui-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/casoon","download_url":"https://codeload.github.com/casoon/casoon-ui-components/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/casoon%2Fcasoon-ui-components/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29722031,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-22T15:10:41.462Z","status":"ssl_error","status_checked_at":"2026-02-22T15:10:04.636Z","response_time":110,"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-06-05T09:09:28.464Z","updated_at":"2026-02-22T18:37:36.190Z","avatar_url":"https://github.com/casoon.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Casoon UI Components\n\nEine Bibliothek mit UI-Komponenten basierend auf Lit, mit Astro-Wrappern.\n\n## Installation\n\n```bash\nnpm install casoon-ui-components\n```\n\n## Verwendung\n\n### 1. In Bundler-basierten Projekten (Vite, Webpack, Rollup)\n\nKomponenten können direkt über ihre Paketnamen importiert werden:\n\n```js\n// Web-Komponente in einer JS/TS-Datei importieren\nimport { BaseCard } from 'casoon-ui-components/web-components';\n\n// Nur eine einzelne Komponente importieren\nimport { FeatureCard } from 'casoon-ui-components/web-components/FeatureCard';\n```\n\n### 2. In Astro-Projekten\n\n```astro\n---\n// Astro-Komponente importieren\nimport { FeatureCard } from 'casoon-ui-components/astro/FeatureCard.astro';\n---\n\n\u003cFeatureCard \n  title=\"Mein Feature\" \n  description=\"Beschreibung des Features\"\n  icon=\"🌟\"\n/\u003e\n```\n\n### 3. Direkt im Browser (ESM)\n\nFür die direkte Verwendung im Browser müssen Sie den genauen relativen Pfad zur Komponente angeben oder einen Import-Map verwenden:\n\n```html\n\u003cscript type=\"importmap\"\u003e\n{\n  \"imports\": {\n    \"casoon-ui-components/\": \"/node_modules/casoon-ui-components/dist/\",\n    \"lit\": \"/node_modules/lit/index.js\",\n    \"lit/\": \"/node_modules/lit/\"\n  }\n}\n\u003c/script\u003e\n\n\u003cscript type=\"module\"\u003e\n  // Mit Import Map\n  import { BaseCard } from 'casoon-ui-components/web-components/index.js';\n  \n  // Alternativ mit relativem Pfad\n  // import { BaseCard } from './node_modules/casoon-ui-components/dist/web-components/index.js';\n\u003c/script\u003e\n```\n\n## Verfügbare Komponenten\n\n### Web-Komponenten\n\n| Name | Beschreibung | Import (Bundler) | Import (Browser) |\n|------|-------------|--------|--------|\n| `BaseCard` | Basis-Kartenelement | `import { BaseCard } from 'casoon-ui-components/web-components';` | `import { BaseCard } from 'casoon-ui-components/web-components/index.js';` |\n| `FeatureCard` | Erweiterte Karte für Features | `import { FeatureCard } from 'casoon-ui-components/web-components';` | `import { FeatureCard } from 'casoon-ui-components/web-components/index.js';` |\n| `Preloader` | Animierter Preloader | `import { Preloader } from 'casoon-ui-components/web-components';` | `import { Preloader } from 'casoon-ui-components/web-components/index.js';` |\n\n### Astro-Komponenten\n\n| Name | Beschreibung | Import |\n|------|-------------|--------|\n| `FeatureCard.astro` | Astro-Version der Feature-Karte | `import { FeatureCard } from 'casoon-ui-components/astro/FeatureCard.astro';` |\n\n## Hilfsfunktionen\n\n```js\n// Komponenten-Registry und dynamisches Laden\nimport { componentRegistry, loadComponent } from 'casoon-ui-components/web-components';\n\n// Version der Bibliothek\nimport { version } from 'casoon-ui-components';\nconsole.log(`Casoon UI Components Version: ${version}`);\n```\n\n## Lizenz\n\nMIT ","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcasoon%2Fcasoon-ui-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcasoon%2Fcasoon-ui-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcasoon%2Fcasoon-ui-components/lists"}