{"id":15089066,"url":"https://github.com/munchedbox23/simple-ui-component-library","last_synced_at":"2026-01-08T07:13:27.203Z","repository":{"id":250570855,"uuid":"831129628","full_name":"munchedbox23/simple-ui-component-library","owner":"munchedbox23","description":"A simple and safe-to-read library of user interface components based on Reach, Typescript, Styled-components and Storybook","archived":false,"fork":false,"pushed_at":"2024-08-01T13:10:41.000Z","size":3589,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-09-29T22:41:40.468Z","etag":null,"topics":["munchedbox-ui","react","react-testing-library","storybook","styled-components","typescript"],"latest_commit_sha":null,"homepage":"https://munchedbox23.github.io/simple-ui-component-library/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/munchedbox23.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"docs/Contributing.mdx","funding":null,"license":null,"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-07-19T18:20:21.000Z","updated_at":"2024-08-01T13:12:17.000Z","dependencies_parsed_at":"2024-09-29T22:41:16.973Z","dependency_job_id":"bdc8727f-f6fe-4b34-b7e1-baa2cb7469e8","html_url":"https://github.com/munchedbox23/simple-ui-component-library","commit_stats":{"total_commits":39,"total_committers":2,"mean_commits":19.5,"dds":0.07692307692307687,"last_synced_commit":"9c5a7c9c30f056c5685d26ab9c836bda757f2aad"},"previous_names":["munchedbox23/simple-ui-component-library"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/munchedbox23%2Fsimple-ui-component-library","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/munchedbox23%2Fsimple-ui-component-library/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/munchedbox23%2Fsimple-ui-component-library/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/munchedbox23%2Fsimple-ui-component-library/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/munchedbox23","download_url":"https://codeload.github.com/munchedbox23/simple-ui-component-library/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219850924,"owners_count":16556313,"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":["munchedbox-ui","react","react-testing-library","storybook","styled-components","typescript"],"created_at":"2024-09-25T08:39:47.156Z","updated_at":"2026-01-08T07:13:27.163Z","avatar_url":"https://github.com/munchedbox23.png","language":"TypeScript","readme":"## Table of Contents\n\n- [Welcome](#welcome)\n- [Features](#features)\n- [Usage](#installation)\n- [Contributing](#contributing)\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/munchedbox-ui\"\u003e\u003cimg src=\"https://flat.badgen.net/npm/dt/munchedbox-ui\" alt=\"NPM\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/munchedbox-ui\"\u003e\u003cimg src=\"https://flat.badgen.net/npm/v/munchedbox-ui\"/\u003e\u003c/a\u003e\n  \u003ca href=\"https://t.me/munchedbox\"\u003e\u003cimg width=\"22\" height=\"22\" src=\"https://github.com/badges/shields/assets/10694593/c5c5acc3-f434-4a8d-a834-6d94a7ffb45a\" alt=\"\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n# 👋 Welcome\n\nWelcome to Munchedbox component library, a collection of reusable UI components built with design code principles. Our library aims to provide developers with a set of consistent, customizable, and easy-to-use components to streamline the development process and ensure a cohesive user experience across applications.\n\n## ✨ Features\n\n- **Reusable Components**: Our library includes a variety of reusable components such as buttons, inputs, cards, and more, allowing you to quickly build interfaces without reinventing the wheel.\n- **Customizable Styles**: Components are highly customizable, with support for theming, custom styles, and props to adapt to your project's specific needs.\n- **Documentation and Examples**: Comprehensive documentation and live examples are provided for each component, making it easy to understand how to use and customize them in your projects.\n\n# Installation\n\nMunchedboxUI is available as an [npm package](https://www.npmjs.com/package/munchedbox-ui).\n\n## npm\n\nTo get started with our component library, simply install it via npm or yarn:\n\n```bash\nnpm i munchedbox-ui\n```\n\nIn order to have `munchedbox-ui` working properly, you'll also need\n[styled-components 💅](https://github.com/styled-components/styled-components),\nthis way you can use custom themes and get the best of the library.\n\n## Usage\n\nImport the component and start using the library\n\n```bash\n\nimport { Button, Input } from \"munchedbox-ui\";\n\nconst ExampleComponent = () =\u003e {\n  return (\n    \u003cdiv\u003e\n      \u003cButton variant=\"primary\" size=\"md\" type=\"button\"\u003eClick me\u003c/Button\u003e\n      \u003cInput\n        autoComplete=\"current-password\"\n        type=\"password\"\n        name=\"password\"\n        placeholder=\"Enter your password\"\n        value={value}\n        onChange={onChange}\n        variant=\"rounded\"\n      /\u003e\n    \u003c/div\u003e\n  );\n};\n```\n\n## Support\n\nIf you like this project, please consider giving it a ⭐️ on [GitHub](https://github.com/munchedbox23/simple-ui-component-library). It helps us know that you appreciate our work and motivates us to continue improving the library.\n\n## 🤝 Contribution\n\nThank you for considering contributing to our project! To maintain a collaborative and productive environment, please adhere to the following guidelines when contributing:\n\n1. Reporting Issues: If you encounter any bugs, inconsistencies, or have suggestions for improvements, please create an issue on GitHub. Clearly describe the problem or suggestion, along with steps to reproduce if applicable.\n\n2. Submitting Pull Requests: Before starting work on a new feature or fix, please open an issue to discuss the proposed changes. This helps ensure that your contribution aligns with the project goals and prevents duplicate efforts.\n\n3. Testing: Write tests for any new features or fixes you contribute. Ensure existing tests pass and write additional tests as necessary to cover edge cases.\n\n4. Commit Messages: Write clear and descriptive commit messages that explain the purpose of each change. Use present-tense verbs and be concise but informative. Before commiting husky will automatically format, lint and test the code, please respect those pre-commit guidelines and make sure it passes.\n\nIf you want to help with the project, feel free to [open pull requests][1],\n[submit issues or component proposals][2].\nLet's bring this UI back to life ♥️\n\n[1]: https://github.com/munchedbox23/simple-ui-component-library/pulls\n[2]: https://github.com/munchedbox23/simple-ui-component-library/issues\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmunchedbox23%2Fsimple-ui-component-library","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmunchedbox23%2Fsimple-ui-component-library","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmunchedbox23%2Fsimple-ui-component-library/lists"}