{"id":26061684,"url":"https://github.com/elyndra-studios/elementrix-ui-core","last_synced_at":"2026-04-10T11:01:46.435Z","repository":{"id":271708064,"uuid":"876415617","full_name":"Elyndra-Studios/elementrix-ui-core","owner":"Elyndra-Studios","description":"Elementrix-UI is an open-source, modular UI component library designed to simplify and enhance user interface development with reusable, framework-agnostic components.","archived":false,"fork":false,"pushed_at":"2025-12-10T01:09:50.000Z","size":5477,"stargazers_count":0,"open_issues_count":4,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-04-07T16:39:49.019Z","etag":null,"topics":["component-library","design-system","frontend","frontend-library","modular","open-source","responsive","scss","stenciljs","storybook","typescript","ui-components","web-components"],"latest_commit_sha":null,"homepage":"","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/Elyndra-Studios.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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":"2024-10-21T23:48:06.000Z","updated_at":"2025-12-10T01:09:53.000Z","dependencies_parsed_at":"2025-01-09T12:39:37.386Z","dependency_job_id":"b815a70e-e92d-485e-b4ae-877a9306a82c","html_url":"https://github.com/Elyndra-Studios/elementrix-ui-core","commit_stats":null,"previous_names":["demiinfinity/elementrix-ui","demiinfinity/elementrix-ui-core","elyndra-studios/elementrix-ui-core"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Elyndra-Studios/elementrix-ui-core","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Elyndra-Studios%2Felementrix-ui-core","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Elyndra-Studios%2Felementrix-ui-core/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Elyndra-Studios%2Felementrix-ui-core/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Elyndra-Studios%2Felementrix-ui-core/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Elyndra-Studios","download_url":"https://codeload.github.com/Elyndra-Studios/elementrix-ui-core/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Elyndra-Studios%2Felementrix-ui-core/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31639524,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T07:40:12.752Z","status":"ssl_error","status_checked_at":"2026-04-10T07:40:11.664Z","response_time":98,"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":["component-library","design-system","frontend","frontend-library","modular","open-source","responsive","scss","stenciljs","storybook","typescript","ui-components","web-components"],"created_at":"2025-03-08T15:13:06.638Z","updated_at":"2026-04-10T11:01:46.401Z","avatar_url":"https://github.com/Elyndra-Studios.png","language":"TypeScript","funding_links":["https://www.patreon.com/elementrixui"],"categories":[],"sub_categories":[],"readme":"# 🚀 **Elementrix-UI: Framework-Agnostic UI Component Library**\n\n**Elementrix-UI** is a modern, open-source web components library built with [Stencil.js](https://stenciljs.com/). Designed to be reusable, lightweight, and customizable, it provides the foundation for building visually appealing and responsive user interfaces.  \n\n⚠️ **Note**: Elementrix-UI is in its early stages of development. The library is currently focused on building its core features and foundational components. Expect updates and improvements as it evolves.\n\n---\n\n## 🌟 **Features**\n\n### **Up Coming Features**\n- **Reusable Components**: A limited set of core components, including buttons and modals, for basic UI needs.\n- **Customizable Styles**: Easily adapt component appearance with CSS Variables to fit your design system.\n- **Framework-Agnostic**: Use components with React, Vue, Angular, or vanilla JavaScript.\n- **Storybook Integration**: Explore components via live previews and interactive documentation.\n\n### **Planned Features**\n- **Advanced Components**: Grids, charts, and forms for enterprise-grade applications.\n- **Dark Mode and Theming**: Support for both light and dark themes out of the box.\n- **Accessibility (a11y)**: WCAG-compliant components to ensure inclusivity.\n- **Localization (i18n)**: Built-in multi-language support.\n\n---\n\n## 📦 **Installation**\n\nInstall the library using npm:\n  ```bash\n  yarn add @elementrix-ui/component-library\n  ```\n---\n## 🚀 **Getting Started**\n\nFollow these steps to integrate **Elementrix-UI** into your project:\n\n1. Import and Configure\n  - Initialize the library in your project:\n    ```javascript\n      import { defineCustomElements } from '@elementrix-ui/component-library/loader';\n\n      // Initialize Elementrix-UI components\n      defineCustomElements(window);\n    ```\n2. Use Components\n  - Add components to your HTML:\n    ```html\n    \u003celementrix-button label=\"Click Me\"\u003e\u003c/elementrix-button\u003e\n    ```\n---\n## 📚 **Documentation**\n\nDetailed usage instructions and live demos are coming soon via Storybook:\n\n- Elementrix-UI Storybook (Coming Soon)\n---\n## 🎯 **Roadmap**\n\nElementrix-UI is in the process of developing its foundational components and features. Here's what's in progress and what's planned:\n\n### In Progress\n- Core components: Button, Modal, Input, and Card.\n- Storybook setup for interactive documentation and demos.\n\n### Planned Features\n- Advanced components for complex UI needs, including data grids and charts.\n- Theming and design tokens for consistent styling across applications.\n- Accessibility and localization for inclusive and global usage.\n---\n## 🤝 Contributing\nAs Elementrix-UI is still in its early stages, contributions are highly encouraged! Whether you want to help build core components, improve documentation, or provide feedback, we’d love to have you on board.\n\n### How to Contribute\n\n1. Fork the repository:\n   ```bash\n   git clone https://github.com/DemiInfinity/elementrix-ui.git\n   ```\n2. Install dependencies:\n   ```bash\n   yarn\n   ```\n3. Start the development server:\n   ```bash\n   yarn start\n   ```\n4. Run Storybook:\n   ```bash\n   yarn storybook\n   ```\n5. Make your changes: Add components, fix bugs, or enhance documentation.\n6. Submit a pull request: Open a PR on GitHub to contribute your work.\n---\n## 🛠️ Technologies Used\n\n- Component Framework: Stencil.js\n- Documentation: Storybook\n- Language: TypeScript\n- Styling: SCSS Variables for customization\n- Testing: Stencils in built testing for unit tests and E2E coming soon\n- Build Tool: Rollup for efficient bundling\n---\n## 📝 License\n\nThis project is licensed under the [MIT License](./LICENSE.md). See the LICENSE file for full details.\n\n---\n## Donations\n\nDonations are used for:\n- Development time and improvements\n- Hosting and infrastructure costs\n- Maintenance and bug fixes\n\n[Donate via Patreon](https://www.patreon.com/elementrixui)\n\n---\n## 🌍 Join the Community\n\nElementrix-UI is in its infancy, and we’re building it into a comprehensive, developer-first library for modern applications. Join us to shape its future!\n\n- GitHub Discussions: Join the Conversation (Comming soon)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Felyndra-studios%2Felementrix-ui-core","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Felyndra-studios%2Felementrix-ui-core","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Felyndra-studios%2Felementrix-ui-core/lists"}