{"id":38321547,"url":"https://github.com/andrico1234/a2k","last_synced_at":"2026-01-17T02:40:36.742Z","repository":{"id":36996802,"uuid":"440439686","full_name":"andrico1234/a2k","owner":"andrico1234","description":"Capture the feel of the early web with A2k, the Windows2000 inspired web component library","archived":false,"fork":false,"pushed_at":"2024-07-24T21:11:18.000Z","size":4651,"stargazers_count":71,"open_issues_count":4,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-07-25T20:11:09.384Z","etag":null,"topics":["css","javascript","lit","storybook","web-components"],"latest_commit_sha":null,"homepage":"https://a2000.netlify.app/","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/andrico1234.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}},"created_at":"2021-12-21T08:12:55.000Z","updated_at":"2024-07-24T21:11:21.000Z","dependencies_parsed_at":"2024-07-24T19:53:37.438Z","dependency_job_id":null,"html_url":"https://github.com/andrico1234/a2k","commit_stats":null,"previous_names":[],"tags_count":169,"template":false,"template_full_name":null,"purl":"pkg:github/andrico1234/a2k","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andrico1234%2Fa2k","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andrico1234%2Fa2k/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andrico1234%2Fa2k/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andrico1234%2Fa2k/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/andrico1234","download_url":"https://codeload.github.com/andrico1234/a2k/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andrico1234%2Fa2k/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28492351,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-17T00:50:05.742Z","status":"online","status_checked_at":"2026-01-17T02:00:07.808Z","response_time":85,"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":["css","javascript","lit","storybook","web-components"],"created_at":"2026-01-17T02:40:36.655Z","updated_at":"2026-01-17T02:40:36.729Z","avatar_url":"https://github.com/andrico1234.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# A2K (a2000)\n\n![Andricos2000. Build retro user interfaces with modern web technologies](./static/cover%402x.png \"Cover\")\n\nWelcome to a2000 (or a2k for short).\n\nThis UI library is designed to capture the feel of the early web, while employing modern UX and web practices.\n\nNote: This is a work in progress, you should not use it in production. But if you decide to try it out, any and all feedback is welcome!\n\nCheck out:\n\n- The [docs](https://a2000-docs.netlify.app/) for an overview of a2k\n- The [demo](https://a2000.netlify.app) site for the full a2k experience.\n- The [storybook](https://a2000-storybook.netlify.app/) to play with each component.\n\n---\n## Sponsor\nLearn to build a component library using minimal tech with [Component Odyssey](https://component-odyssey.com/). As a result, you'll:\n\n- Become a more future-proof web developer\n- Build components that your users will love\n- Boost your career opportunities\n- Learn to do more with less\n---\n\n## Components\n\n- [a2k-blue-screen](https://github.com/andrico1234/a2k/tree/main/packages/blue-screen)\n- [a2k-button](https://github.com/andrico1234/a2k/tree/main/packages/button)\n- [a2k-cover](https://github.com/andrico1234/a2k/tree/main/packages/cover)\n- [a2k-desktop](https://github.com/andrico1234/a2k/tree/main/packages/desktop)\n- [a2k-icons](https://github.com/andrico1234/a2k/tree/main/packages/icons)\n- [a2k-marquee](https://github.com/andrico1234/a2k/tree/main/packages/marquee)\n- [a2k-panel](https://github.com/andrico1234/a2k/tree/main/packages/panel)\n- [a2k-progress](https://github.com/andrico1234/a2k/tree/main/packages/progress)\n- [a2k-select](https://github.com/andrico1234/a2k/tree/main/packages/select)\n- [a2k-stack](https://github.com/andrico1234/a2k/tree/main/packages/stack)\n- [a2k-startup](https://github.com/andrico1234/a2k/tree/main/packages/startup)\n- [a2k-styles](https://github.com/andrico1234/a2k/tree/main/packages/styles)\n- [a2k-taskbar](https://github.com/andrico1234/a2k/tree/main/packages/taskbar)\n- [a2k-text-field](https://github.com/andrico1234/a2k/tree/main/packages/text-field)\n- [a2k-utilities](https://github.com/andrico1234/a2k/tree/main/packages/utilities)\n- [a2k-window](https://github.com/andrico1234/a2k/tree/main/packages/window)\n\n## Development\n\n### Running a2k ui locally\n\nBegin by forking the repo. Whilst in the root directory:\n\nrun nvm use, or ensure you're the node version specified in the .nvmrc file.\n\n- install dependencies using yarn.\n- ensure the tests are passing by running yarn test.\n- kick off the dev server by running yarn develop.\n- run the docs site locally using yarn docs:start.\n- jump into whichever you package you want to change.\n- view your changes in your locally running docs.\n\n## Tech stack\n\na2k uses:\n\n- 💪🏾 TypeScript to keep things strong(ly typed).\n- 🔥 Lit for quickly crafting reactive web components\n- 📝 Changesets to manage changelogs, versioning, and publishing.\n- 🛠 Web Test Runner for browser testing.\n- 🧼 ESLint + Prettier for keeping code clean like a money machine.\n- 🎨 Storybook for cataloging each component.\n- ☁️ Netlify for hosting a2k in the cloud.\n- 🙋🏽‍♂️ Andrico for keeping things ticking along.\n\n## Basic Usage\n\n## CSS\n\nTo utilise the default CSS stylesheets for a2k, you'll need to install or download the styles.\n\nView the [@a2000/styles](https://github.com/andrico1234/a2k/tree/main/packages/styles) for installation instructions.\n\nEvery a2k web component inherits styles from the CSS variables defined in the `a2k-styles.css` file. These styles can be overridden by applying styles to the same variables at a later point in the cascade.\n\nE.g. Overriding the default font-family from `Tahoma` to `Verdana` can be done in the following way:\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en-GB\"\u003e\n  \u003chead\u003e\n    \u003clink\n      rel=\"stylesheet\"\n      href=\"https://cdn.jsdelivr.net/npm/@a2000/styles/a2k-styles.css\"\n    /\u003e\n    \u003clink rel=\"stylesheet\" href=\"./custom-styles.css\" /\u003e\n  \u003c/head\u003e\n  \u003cbody\u003e\n    \u003c!-- Content --\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\n`./custom-styles.css `\n\n```css\n:root {\n  --font-primary: Verdana;\n}\n```\n\nYou can view which css variables you can override from within the [a2k-styles.css](https://github.com/andrico1234/a2k/blob/main/packages/styles/a2k-styles.css) file\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandrico1234%2Fa2k","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fandrico1234%2Fa2k","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandrico1234%2Fa2k/lists"}