{"id":51747775,"url":"https://github.com/hackycy/datav-kit","last_synced_at":"2026-07-18T21:40:12.081Z","repository":{"id":367114291,"uuid":"1275718019","full_name":"hackycy/datav-kit","owner":"hackycy","description":"基于 Web Components 构建的、与框架无关的数据可视化视觉装饰组件。","archived":false,"fork":false,"pushed_at":"2026-07-02T10:14:25.000Z","size":582,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-07-02T12:12:19.788Z","etag":null,"topics":["dataviz"],"latest_commit_sha":null,"homepage":"https://hackycy.github.io/datav-kit/","language":"TypeScript","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/hackycy.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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-06-21T03:49:19.000Z","updated_at":"2026-07-02T10:14:29.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/hackycy/datav-kit","commit_stats":null,"previous_names":["hackycy/datav-kit"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hackycy/datav-kit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hackycy%2Fdatav-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hackycy%2Fdatav-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hackycy%2Fdatav-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hackycy%2Fdatav-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hackycy","download_url":"https://codeload.github.com/hackycy/datav-kit/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hackycy%2Fdatav-kit/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35632492,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-18T02:00:07.223Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["dataviz"],"created_at":"2026-07-18T21:40:11.583Z","updated_at":"2026-07-18T21:40:12.074Z","avatar_url":"https://github.com/hackycy.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n# DataV Kit\n\nFramework-agnostic visual decoration components for data dashboards, powered by Web Components.\n\n[![License](https://img.shields.io/github/license/hackycy/datav-kit?style=flat-square)](./LICENSE)\n[![Elements Version](https://img.shields.io/npm/v/%40datav-kit%2Felements?style=flat-square\u0026label=elements)](https://www.npmjs.com/package/@datav-kit/elements)\n[![Elements Downloads](https://img.shields.io/npm/dm/%40datav-kit%2Felements?style=flat-square\u0026label=downloads)](https://www.npmjs.com/package/@datav-kit/elements)\n\nBuild expressive large-screen dashboard surfaces with SSR-safe Custom Elements, decorative borders, HUD-style decorations, animated numbers, and theme presets.\n\n[Quick Start](#quick-start) | [Packages](#packages) | [Documentation](https://hackycy.github.io/datav-kit)\n\n\u003c/div\u003e\n\n## Highlights\n\n- **Framework agnostic**: native Custom Elements that can be used from vanilla HTML, Vue, React, Vite, webpack, and SSR environments.\n- **Dashboard focused**: border boxes, decorations, fit-screen containers, count-up numbers, and visual primitives designed for data screens.\n- **Theme ready**: optional CSS variable presets for cyber blue, neon magenta, matrix green, solar gold, and ice white.\n- **Composable foundation**: shared utilities, Web Components primitives, public elements, and themes are separated into focused packages.\n\n\u003e DataV Kit is currently in its foundation phase. Vue and React adapters are planned, but intentionally not part of the current foundation work.\n\n## Quick Start\n\n```bash\npnpm add @datav-kit/elements @datav-kit/themes\n```\n\n```ts\nimport { registerElements } from '@datav-kit/elements'\nimport '@datav-kit/themes/cyber-blue.css'\n\nregisterElements()\n```\n\n```html\n\u003cdvk-border-box-11 colors=\"#3d7fb8,#6ed7e8,#52f0b5\"\u003e\n  \u003csection\u003eCommand Center\u003c/section\u003e\n\u003c/dvk-border-box-11\u003e\n```\n\n## Packages\n\n| Package | Version | Downloads | Role |\n| --- | --- | --- | --- |\n| [`@datav-kit/elements`](./packages/elements) | [![npm](https://img.shields.io/npm/v/%40datav-kit%2Felements?style=flat-square)](https://www.npmjs.com/package/@datav-kit/elements) | [![npm downloads](https://img.shields.io/npm/dm/%40datav-kit%2Felements?style=flat-square)](https://www.npmjs.com/package/@datav-kit/elements) | Public Web Components entrypoints and component registrations. |\n| [`@datav-kit/core`](./packages/core) | [![npm](https://img.shields.io/npm/v/%40datav-kit%2Fcore?style=flat-square)](https://www.npmjs.com/package/@datav-kit/core) | [![npm downloads](https://img.shields.io/npm/dm/%40datav-kit%2Fcore?style=flat-square)](https://www.npmjs.com/package/@datav-kit/core) | Web Components primitives, lifecycle helpers, events, and controllers. |\n| [`@datav-kit/shared`](./packages/shared) | [![npm](https://img.shields.io/npm/v/%40datav-kit%2Fshared?style=flat-square)](https://www.npmjs.com/package/@datav-kit/shared) | [![npm downloads](https://img.shields.io/npm/dm/%40datav-kit%2Fshared?style=flat-square)](https://www.npmjs.com/package/@datav-kit/shared) | Framework-agnostic utilities shared by DataV Kit packages. |\n| [`@datav-kit/themes`](./packages/themes) | [![npm](https://img.shields.io/npm/v/%40datav-kit%2Fthemes?style=flat-square)](https://www.npmjs.com/package/@datav-kit/themes) | [![npm downloads](https://img.shields.io/npm/dm/%40datav-kit%2Fthemes?style=flat-square)](https://www.npmjs.com/package/@datav-kit/themes) | Optional CSS variable themes and theme exports. |\n\n## Repository Map\n\n```text\ndatav-kit\n+-- packages\n|   +-- elements   # public Custom Elements and component modules\n|   +-- core       # Web Components primitives and helpers\n|   +-- shared     # shared framework-agnostic utilities\n|   +-- themes     # optional CSS variable theme presets\n+-- docs           # VitePress documentation site\n+-- skills         # repository-specific Codex/agent workflows\n+-- turbo.json     # monorepo task pipeline\n```\n\n## Development\n\n```bash\npnpm install\npnpm build\npnpm typecheck\npnpm test\npnpm lint\n```\n\n## Inspire\n\n- [datav-vue3](https://github.com/vaemusic/datav-vue3)\n\n## License\n\n[MIT](./LICENSE) License Copyright [hackycy](https://github.com/hackycy)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhackycy%2Fdatav-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhackycy%2Fdatav-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhackycy%2Fdatav-kit/lists"}