{"id":24316928,"url":"https://github.com/Elyndra-Studios/elementrix-ui-core","last_synced_at":"2025-09-27T00:32:35.945Z","repository":{"id":271708064,"uuid":"876415617","full_name":"DemiInfinity/elementrix-ui","owner":"DemiInfinity","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-01-17T11:56:50.000Z","size":945,"stargazers_count":0,"open_issues_count":4,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-17T12:28:14.373Z","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/DemiInfinity.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":"2024-10-21T23:48:06.000Z","updated_at":"2025-01-17T11:35:40.000Z","dependencies_parsed_at":"2025-01-09T12:39:37.386Z","dependency_job_id":"b815a70e-e92d-485e-b4ae-877a9306a82c","html_url":"https://github.com/DemiInfinity/elementrix-ui","commit_stats":null,"previous_names":["demiinfinity/elementrix-ui"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DemiInfinity%2Felementrix-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DemiInfinity%2Felementrix-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DemiInfinity%2Felementrix-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DemiInfinity%2Felementrix-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DemiInfinity","download_url":"https://codeload.github.com/DemiInfinity/elementrix-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234368579,"owners_count":18821116,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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-01-17T13:21:11.384Z","updated_at":"2025-09-27T00:32:35.938Z","avatar_url":"https://github.com/DemiInfinity.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"}