{"id":27689552,"url":"https://github.com/holdempokertools/handmatrix","last_synced_at":"2025-07-07T16:41:04.631Z","repository":{"id":37962172,"uuid":"301339695","full_name":"HoldemPokerTools/HandMatrix","owner":"HoldemPokerTools","description":"React Texas Hold'em hand matrix component","archived":false,"fork":false,"pushed_at":"2023-01-06T15:03:02.000Z","size":776,"stargazers_count":13,"open_issues_count":13,"forks_count":5,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-04-25T10:18:55.428Z","etag":null,"topics":["hand-matrix","holdem","holdem-poker","poker","react","react-library"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/HoldemPokerTools.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}},"created_at":"2020-10-05T08:22:17.000Z","updated_at":"2024-11-28T15:20:53.000Z","dependencies_parsed_at":"2023-02-06T05:30:35.352Z","dependency_job_id":null,"html_url":"https://github.com/HoldemPokerTools/HandMatrix","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HoldemPokerTools%2FHandMatrix","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HoldemPokerTools%2FHandMatrix/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HoldemPokerTools%2FHandMatrix/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HoldemPokerTools%2FHandMatrix/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/HoldemPokerTools","download_url":"https://codeload.github.com/HoldemPokerTools/HandMatrix/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250796362,"owners_count":21488713,"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":["hand-matrix","holdem","holdem-poker","poker","react","react-library"],"created_at":"2025-04-25T10:19:00.978Z","updated_at":"2025-04-25T10:19:01.655Z","avatar_url":"https://github.com/HoldemPokerTools.png","language":"JavaScript","funding_links":["https://www.buymeacoffee.com/holdemtools"],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n  \u003cimg alt=\"React Texas Hold'em Hand Matrix Component\" src=\"https://github.com/HoldemPokerTools/RangeAssistant/blob/master/packages/web/public/logo512.png\" height=\"200px\"\u003e\n  \u003cbr\u003e\n  React Texas Hold'em Hand Matrix Component\n  \u003cbr\u003e\n\u003c/h1\u003e\n\nHold'em Poker Tools React hand matrix is a React component to make displaying\npoker ranges simple!\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#install\"\u003eInstall\u003c/a\u003e •\n  \u003ca href=\"#usage\"\u003eUsage\u003c/a\u003e •\n  \u003ca href=\"#api\"\u003eAPI\u003c/a\u003e •\n  \u003ca href=\"#support\"\u003eSupport\u003c/a\u003e •\n  \u003ca href=\"#license\"\u003eLicense\u003c/a\u003e\n\u003c/p\u003e\n\n## Install\n\nInstall via NPM (or Yarn):\n\n```\nnpm i --save @holdem-poker-tools/hand-matrix\n```\n\n## Usage\n\n\u003cimg src=\"https://user-images.githubusercontent.com/42975160/95056819-2acc9b00-06ed-11eb-957f-eceba92624e9.png\" alt=\"Hand Matrix\" width=\"300\"\u003e\n\n```\nconst range = ['AA', 'KK', 'QQ', 'AKs', 'AQs'];\n\n\u003cHandMatrix\n  colorize={false}\n  comboStyle={(combo) =\u003e ({\n    background: range.indexOf(combo) !== -1 ? \"lightgreen\" : \"lightgrey\"\n  })}\n  comboSubtext={(combo) =\u003e range.indexOf(combo) !== -1 ? \"100%\" : \"0%\"}\n  onSelect={combo =\u003e console.log(`selected ${combo}`)}\n  onPointerDown={combo =\u003e console.log(`pointerDown on ${combo}`)}\n  onPointerUp={combo =\u003e console.log(`pointerUp on ${combo}`)}\n  onPointerEnter={combo =\u003e console.log(`pointerEnter on ${combo}`)}\n  onPointerMove={combo =\u003e console.log(`pointerMove on ${combo}`)}\n/\u003e\n```\n\nFor an advanced usage example, see the [Hold'em Tools Range Assistant web app](http://rangeassistant.holdempoker.tools/)\nand associated [GitHub repository](https://github.com/HoldemPokerTools/RangeAssistant).\n\n## API\n\nProp | Type | Default | Required | Description\n---- | :----: | :-------: | :--------: | -----------\n**colorize** | `Boolean` | `true` | :x: | Whether to apply default colors to the hand matrix to distinguish pairs vs offsuit vs suited hands. The result of the comboStyle function will override these default colors.\n**comboStyle** | `Function` |  | :x: | Function which receives the combo (e.g. AKo) and must return an object containing the styles to apply to the matrix tile for that combo e.g. {background: \"#FFFFFF\"}. Useful for displaying ranges.\n**showText** | `Boolean` | `true` | :x: | Whether to show the text in the combo cells\n**comboSubtext** | `Function` |  | :x: | Function which receives the combo (e.g. AKo) and must return the text or React components to display beneath the combo text. Default is for no text to be displayed. Useful for displaying information such as combo equity\n**onSelect** | `Function` |  | :x: | Click event handler for a combo tile. Will be called with combo e.g. AKo\n**onPointerDown** | `Function` |  | :x: | Pointer down event handler for a combo tile. Will be called with combo e.g. AKo\n**onPointerEnter** | `Function` |  | :x: | Pointer enter event handler for a combo tile. Will be called with combo e.g. AKo\n**onPointerMove** | `Function` |  | :x: | Pointer move event handler for a combo tile. Will be called with combo e.g. AKo\n**onPointerUp** | `Function` |  | :x: | Pointer up event handler for a combo tile. Will be called with combo e.g. AKo\n\n## Support\n\nAll Hold'em Poker Tools projects are open source and free to use or\nextend to your heart's extent. If you'd like to say thanks,\nfeel free to show your support on Buy Me a Coffee:\n\n\u003ca href=\"https://www.buymeacoffee.com/holdemtools\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/default-red.png\" alt=\"Buy Me A Coffee\" height=\"41\" width=\"174\"\u003e\u003c/a\u003e\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fholdempokertools%2Fhandmatrix","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fholdempokertools%2Fhandmatrix","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fholdempokertools%2Fhandmatrix/lists"}