{"id":13565380,"url":"https://github.com/open-amdocs/webrix","last_synced_at":"2025-05-16T14:09:40.125Z","repository":{"id":36998610,"uuid":"257601059","full_name":"open-amdocs/webrix","owner":"open-amdocs","description":"Powerful building blocks for React-based web applications","archived":false,"fork":false,"pushed_at":"2025-05-07T16:52:11.000Z","size":1744,"stargazers_count":430,"open_issues_count":30,"forks_count":34,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-05-07T17:46:10.686Z","etag":null,"topics":["components","frontend","library","react","ui","ui-components","web-components"],"latest_commit_sha":null,"homepage":"https://webrix.amdocs.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/open-amdocs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","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}},"created_at":"2020-04-21T13:16:10.000Z","updated_at":"2025-05-07T16:52:16.000Z","dependencies_parsed_at":"2024-01-14T20:16:13.773Z","dependency_job_id":"72779e5d-fbff-4c79-b9a0-63510beda629","html_url":"https://github.com/open-amdocs/webrix","commit_stats":{"total_commits":338,"total_committers":16,"mean_commits":21.125,"dds":0.3698224852071006,"last_synced_commit":"b4e2c3a34823acd5998b50b05564961dcc26d7df"},"previous_names":[],"tags_count":86,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/open-amdocs%2Fwebrix","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/open-amdocs%2Fwebrix/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/open-amdocs%2Fwebrix/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/open-amdocs%2Fwebrix/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/open-amdocs","download_url":"https://codeload.github.com/open-amdocs/webrix/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254544158,"owners_count":22088808,"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":["components","frontend","library","react","ui","ui-components","web-components"],"created_at":"2024-08-01T13:01:45.838Z","updated_at":"2025-05-16T14:09:40.075Z","avatar_url":"https://github.com/open-amdocs.png","language":"JavaScript","readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/open-amdocs/webrix-docs/raw/master/src/resources/images/og-image.png\" height=\"300\"/\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  Powerful building blocks for React-based web applications.\u003cbr/\u003e\n  For documentation, API overview and live examples, visit \u003ca href=\"https://webrix.amdocs.com\"\u003ewebrix.amdocs.com\u003c/a\u003e.\n\u003c/p\u003e\n\n---\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/webrix\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/dt/webrix.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/webrix\"\u003e\n    \u003cimg src=\"https://badge.fury.io/js/webrix.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://circleci.com/gh/open-amdocs/webrix\"\u003e\n    \u003cimg src=\"https://circleci.com/gh/open-amdocs/webrix.svg?style=shield\u0026circle-token=:circle-token\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://codecov.io/gh/open-amdocs/webrix\"\u003e\n    \u003cimg src=\"https://codecov.io/gh/open-amdocs/webrix/branch/master/graph/badge.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/open-amdocs/webrix/blob/master/CONTRIBUTING.md\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/PRs-welcome-brightgreen.svg\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cbr/\u003e\n\u003cbr/\u003e\n\n### What Is Webrix?\n\nAfter building numerous UI components, we realized that there are many common challenges that can be solved once and reused everywhere.\n\nWe then extracted those solutions into a set of small, single-purpose components, each aimed at overcoming a specific UI challenge.\n\nWe call these components \"the bricks of the web\" - hence the name Webrix.\n\nRead more about [the motivation behind Webrix](https://webrix.amdocs.com/motivation).\n\n### Installation\n\nYou can install Webrix with `npm` (or `yarn` if you prefer).\n\n```bash\n# With npm\nnpm i webrix\n\n# With yarn\nyarn add webrix\n```\n\nWebrix has peer dependencies for `react`, `react-dom` and `prop-types`, so be sure to install them as well:\n\n```bash\nnpm i react react-dom prop-types\n```\n\n### Usage\n\nWebrix components can be imported using named imports:\n\n```js\nimport {Movable} from 'webrix';\n\n\u003cMovable {...props}/\u003e\n```\n\n### Components\n\n* [\u003cMovable\\/\u003e](https://webrix.amdocs.com/docs/components/movable)\n* [\u003cStackable\\/\u003e](https://webrix.amdocs.com/docs/components/stackable)\n* [\u003cPannable\\/\u003e](https://webrix.amdocs.com/docs/components/pannable)\n* [\u003cResizable\\/\u003e](https://webrix.amdocs.com/docs/components/resizable)\n* [\u003cPoppable\\/\u003e](https://webrix.amdocs.com/docs/components/poppable)\n* [\u003cScalable\\/\u003e](https://webrix.amdocs.com/docs/components/Scalable)\n* [\u003cScrollable\\/\u003e](https://webrix.amdocs.com/docs/components/scrollable)\n* [\u003cCollapsible\\/\u003e](https://webrix.amdocs.com/docs/components/collapsible)\n\n### Hooks\n\n* [useBooleanState()](https://webrix.amdocs.com/docs/hooks/usebooleanstate)\n* [usePrevious()](https://webrix.amdocs.com/docs/hooks/useprevious)\n* [useMounted()](https://webrix.amdocs.com/docs/hooks/usemounted)\n* [useClickOutside()](https://webrix.amdocs.com/docs/hooks/useclickoutside)\n* [useTimeout()](https://webrix.amdocs.com/docs/hooks/usetimeout)\n* [useDebounce()](https://webrix.amdocs.com/docs/hooks/usedebounce)\n* [useThrottle()](https://webrix.amdocs.com/docs/hooks/usethrottle)\n* [useObject()](https://webrix.amdocs.com/docs/hooks/useobject)\n* [useDimensions()](https://webrix.amdocs.com/docs/hooks/usedimensions)\n* [useAnimationFrame()](https://webrix.amdocs.com/docs/hooks/useanimationframe)\n* [useBoundingRectObserver()](https://webrix.amdocs.com/docs/hooks/useboundingrectobserver)\n* [useEventListener()](https://webrix.amdocs.com/docs/hooks/useeventlistener)\n\n### Tools\n\n* [\u003cResizeObserver\\/\u003e](https://webrix.amdocs.com/docs/tools/resizeobserver)\n* [\u003cPuppeteer\\/\u003e](https://webrix.amdocs.com/docs/tools/puppeteer)\n","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fopen-amdocs%2Fwebrix","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fopen-amdocs%2Fwebrix","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fopen-amdocs%2Fwebrix/lists"}