{"id":18798480,"url":"https://github.com/uiwebkit/tabs","last_synced_at":"2026-05-08T19:31:30.908Z","repository":{"id":143122829,"uuid":"433546882","full_name":"uiwebkit/tabs","owner":"uiwebkit","description":"Uni Tabs","archived":false,"fork":false,"pushed_at":"2023-09-13T10:21:24.000Z","size":34,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-28T19:35:46.489Z","etag":null,"topics":["custom-elements","javascript","tab","tab-bar","tabs","tabs-management","tabs-widget","tabswitcher","typescript","web-components","webcomponents"],"latest_commit_sha":null,"homepage":"","language":"HTML","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/uiwebkit.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-11-30T18:44:23.000Z","updated_at":"2025-01-03T11:18:26.000Z","dependencies_parsed_at":"2024-12-29T18:20:08.125Z","dependency_job_id":"ce4de849-843a-42fe-a8a2-7b621fa1aff0","html_url":"https://github.com/uiwebkit/tabs","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/uiwebkit/tabs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uiwebkit%2Ftabs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uiwebkit%2Ftabs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uiwebkit%2Ftabs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uiwebkit%2Ftabs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/uiwebkit","download_url":"https://codeload.github.com/uiwebkit/tabs/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uiwebkit%2Ftabs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32794538,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-08T08:22:46.396Z","status":"ssl_error","status_checked_at":"2026-05-08T08:22:45.650Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: 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":["custom-elements","javascript","tab","tab-bar","tabs","tabs-management","tabs-widget","tabswitcher","typescript","web-components","webcomponents"],"created_at":"2024-11-07T22:12:10.774Z","updated_at":"2026-05-08T19:31:30.890Z","avatar_url":"https://github.com/uiwebkit.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D\u0026colorA=16161d\u0026style=flat-square)\n\n# Uni Tabs\n\nUni Tabs is a set of Web Components \u0026 Custom Elements for adding webpage tabs and customize it in the declarative style.\n\nUni Tabs components have three modes:\n1. Custom Element - `100%` convenience;\n2. Web Component - `100%` security;\n3. Unpacked - `100%` customization;\n\nUni Tabs takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components \u0026 Custom Elements that run in any browser supporting the Custom Elements v1 spec.\n\nUni Tabs components are just HTML Web Components \u0026 Custom Elements, so they work in any major framework or with no framework at all.\n\n## Getting Started\n\nClone this repo to a new directory:\n\n```bash\ngit clone https://github.com/uiwebkit/tabs.git uni-tabs\ncd uni-tabs\n```\n\nand run:\n\n```bash\nnpm i\nnpm run serve:dev\n```\n\nTo build the component for production, run:\n\n```bash\nnpm run build:prod\n```\n\nCheck out our docs [here](https://uiwebkit.com/wgt/tabs/1/).\n\n\n## Naming Components\n\nWhen creating new component tags, use `uni` in the component name (ex: `\u003cuni-tab\u003e`) or use a prefix that fits your company or any name for a group of related components. For example, all the UiWebKit generated Web Components \u0026 Custom Elements use the prefix `uni`.\n\n\n## Using Components\n\nThere are two strategies we recommend for using Uni Tabs:\n\n### Script tag\n\n- Put a script tag `\u003cscript type=\"module\" src=\"https://cdn.jsdelivr.net/npm/@uiwebkit/tabs@latest/dist/tabs/tabs.esm.js\"\u003e\u003c/script\u003e` in the head of your index.html\n- Then you can use the element anywhere in your template, JSX, html etc\n\n### Node Modules\n- Run `npm i @uiwebkit/tabs --save`\n- Paste import '@uiwebkit/tabs'; into the main JS/TS file;\n- Then you can use the element anywhere in your template, JSX, html etc\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuiwebkit%2Ftabs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fuiwebkit%2Ftabs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuiwebkit%2Ftabs/lists"}