{"id":26820137,"url":"https://github.com/adeirjunior/universal-wc","last_synced_at":"2026-02-16T21:32:11.480Z","repository":{"id":285047766,"uuid":"956904276","full_name":"adeirjunior/universal-wc","owner":"adeirjunior","description":"Components made with web components","archived":false,"fork":false,"pushed_at":"2025-04-02T03:04:16.000Z","size":2292,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-15T16:16:44.981Z","etag":null,"topics":["typescript","web-components"],"latest_commit_sha":null,"homepage":"https://adeirjunior.github.io/universal-wc/","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/adeirjunior.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}},"created_at":"2025-03-29T04:54:52.000Z","updated_at":"2025-06-25T14:12:12.000Z","dependencies_parsed_at":"2025-03-29T06:26:04.540Z","dependency_job_id":"c49c1f7d-7b71-4647-badd-3bd4b8b3d16d","html_url":"https://github.com/adeirjunior/universal-wc","commit_stats":null,"previous_names":["adeirjunior/universal-components"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/adeirjunior/universal-wc","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adeirjunior%2Funiversal-wc","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adeirjunior%2Funiversal-wc/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adeirjunior%2Funiversal-wc/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adeirjunior%2Funiversal-wc/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adeirjunior","download_url":"https://codeload.github.com/adeirjunior/universal-wc/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adeirjunior%2Funiversal-wc/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29519309,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-16T18:37:19.720Z","status":"ssl_error","status_checked_at":"2026-02-16T18:36:46.920Z","response_time":115,"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":["typescript","web-components"],"created_at":"2025-03-30T06:20:27.160Z","updated_at":"2026-02-16T21:32:11.463Z","avatar_url":"https://github.com/adeirjunior.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Universal Web Components\n\nThis library contains a collection of reusable and framework-agnostic Web Components that can be easily integrated into any web project. No need for complex setups or frameworks. Simply add the code to your projects and start using them.\n\n## ✅ Completed Components\n\n- [x] `u-checkbox` - Customizable checkbox  \n- [x] `u-button` - Button with support for variants, sizes, and accessibility  \n- [x] `u-card` - Card component with header, body, and footer  \n\n## 🛠️ To-Do Components  \n\n### 🟢 Buttons \u0026 Inputs\n\n- [ ] `u-icon-button` - Compact button with an icon only  \n- [ ] `u-toggle-button` - Toggle button (on/off)  \n- [ ] `u-switch` - Styled switch  \n- [ ] `u-radio` - Radio button  \n- [ ] `u-input` - Text input field  \n- [ ] `u-textarea` - Multiline text input  \n- [ ] `u-select` - Dropdown select field  \n- [ ] `u-slider` - Range slider  \n- [ ] `u-file-upload` - File upload input  \n\n### 🏗️ Structure \u0026 Layout\n\n- [ ] `u-container` - Responsive layout container  \n- [ ] `u-grid` - Flexible grid system  \n- [ ] `u-row` \u0026 `u-column` - Row and column-based layout  \n- [ ] `u-divider` - Visual separator line  \n- [ ] `u-stack` - Spacing management component  \n- [ ] `u-dialog` - Modal/Dialog box  \n\n### 🖼️ Display \u0026 Feedback\n\n- [ ] `u-avatar` - User profile avatar  \n- [ ] `u-badge` - Small visual indicator (e.g., notifications)  \n- [ ] `u-tooltip` - Tooltip for additional info on hover  \n- [ ] `u-progress` - Progress bar  \n- [ ] `u-spinner` - Loading indicator  \n- [ ] `u-toast` - Floating notifications  \n\n### 📋 Lists \u0026 Tables\n\n- [ ] `u-list` - Standard list  \n- [ ] `u-list-item` - List item with icon and actions  \n- [ ] `u-table` - Customizable table  \n- [ ] `u-pagination` - Pagination component  \n\n### 🧭 Navigation\n\n- [ ] `u-tabs` - Tabbed navigation  \n- [ ] `u-navbar` - Navigation bar  \n- [ ] `u-sidebar` - Side menu  \n- [ ] `u-breadcrumbs` - Breadcrumb navigation  \n- [ ] `u-accordion` - Expandable/collapsible section  \n\n### 📑 Miscellaneous\n\n- [ ] `u-icon` - Customizable icons  \n- [ ] `u-carousel` - Image/content slider  \n- [ ] `u-collapse` - Collapsible section  \n- [ ] `u-alert` - Alert box  \n\n## 🚀 Installation\n\n### Install via npm\n\nIf you are using npm to manage your dependencies, run the following command:\n\n```bash\nnpm install universal-wc\n```\n\n### Include directly in HTML\n\nIf you prefer not to use npm, you can simply add the JavaScript file directly to your HTML:\n\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/universal-wc/dist/universal-wc.es.js\"\u003e\u003c/script\u003e\n```\n\n## 🛠️ Using the Components\n\nOnce installed, you can start using the components directly in your HTML code.\n\n### Example usage of `u-card`\n\n```html\n\u003cu-card\u003e\n  \u003cdiv slot=\"top\"\u003eTitle\u003c/div\u003e\n  \u003cp\u003eLorem Ipsum\u003c/p\u003e\n  \u003cspan slot=\"bottom\"\u003e\n      \u003cu-button\u003eButton Text\u003c/u-button\u003e\n  \u003c/span\u003e\n\u003c/u-card\u003e\n```\n\n### Customization via CSS\n\nThe library uses **Shadow DOM**, so you can style the components within the component's scope directly. If you need further customization, you can use global styles or **CSS Variables**.\n\n## ⚙️ Development\n\n### Running Storybook\n\nTo visualize the components and test their appearance, you can run Storybook.\n\n1. **Install Storybook dependencies:**\n\n   ```bash\n   npm install @storybook/web-components --save-dev\n   ```\n\n2. **Run Storybook:**\n\n   After installation, run the following command to start Storybook and view your components:\n\n   ```bash\n   npm run storybook\n   ```\n\n   This will open Storybook at `http://localhost:6006`, where you can view all available components.\n\n## 🧑‍💻 Contributing\n\nIf you'd like to contribute to the library, follow these steps:\n\n1. Fork the repository.\n2. Clone the repository to your local machine:\n\n   ```bash\n   git clone https://github.com/adeirjunior/universal-wc.git\n   cd universal-wc\n   npm install\n   ```\n\n3. Create a new branch for your changes:\n\n   ```bash\n   git checkout -b my-new-feature\n   ```\n\n4. Make your changes and submit a **pull request**.\n\nAll contributions are welcome!\n\n## 📄 License\n\nThis library is licensed under the **MIT License**. See the [LICENSE](./LICENSE) file for more details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadeirjunior%2Funiversal-wc","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadeirjunior%2Funiversal-wc","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadeirjunior%2Funiversal-wc/lists"}