{"id":26756986,"url":"https://github.com/tomkennedy22/helmetjs","last_synced_at":"2025-03-28T15:34:28.901Z","repository":{"id":284028277,"uuid":"953267633","full_name":"tomkennedy22/HelmetJs","owner":"tomkennedy22","description":null,"archived":false,"fork":false,"pushed_at":"2025-03-23T19:22:12.000Z","size":166,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-23T19:24:38.436Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/tomkennedy22.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":"2025-03-23T00:21:07.000Z","updated_at":"2025-03-23T19:22:16.000Z","dependencies_parsed_at":"2025-03-23T19:35:01.456Z","dependency_job_id":null,"html_url":"https://github.com/tomkennedy22/HelmetJs","commit_stats":null,"previous_names":["tomkennedy22/helmetjs"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomkennedy22%2FHelmetJs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomkennedy22%2FHelmetJs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomkennedy22%2FHelmetJs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomkennedy22%2FHelmetJs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tomkennedy22","download_url":"https://codeload.github.com/tomkennedy22/HelmetJs/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246054520,"owners_count":20716379,"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":[],"created_at":"2025-03-28T15:34:03.729Z","updated_at":"2025-03-28T15:34:28.891Z","avatar_url":"https://github.com/tomkennedy22.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"HelmetJs is a React package to generate a football helmet given a user's input. It also has a free editor at https://tomkennedy22.github.io/HelmetJs\r\n\r\n### Using in TSX\r\n\r\nDefine your helmetConfig\r\n\r\n```\r\nconst helmetConfig = {\r\n  \"flipHelmet\":false,\r\n  \"helmetColor\":\"#ffdc30\",\r\n  \"facemaskColor\":\"#936afe\",\r\n  \"helmetLogoUrl\":\"Your URL here\",\r\n  \"xAdjust\":0,\r\n  \"yAdjust\":0,\r\n  \"enableLogo\":false,\r\n  \"flipLogoWithHelmet\":false,\r\n  \"useFlippedLogoUrlWhenFlipped\":false,\r\n  \"helmetStyle\":\"Standard\",\r\n  \"tigerStripeColor\":\"#d18126\",\r\n  \"wingColor\":\"#272727\",\r\n  \"hornColor\":\"#ffffff\",\r\n  \"helmetLogoScale\":1\r\n}\r\n```\r\n\r\nOr if you have just a few attributes in mind, specify those and get a mostly-blank slate\r\n\r\n```\r\nconst helmetConfig = generateHelmetConfigFromOverrides({helmetConfigOverrides:{\r\n  helmetColor: \"#0f0\",\r\n}})\r\n```\r\n\r\nThen simply include the `Helmet` component in your app\r\n\r\n```\r\n\u003cHelmet helmetConfig={helmetConfig}/\u003e\r\n```\r\n\r\nHelmet Styles\r\n\r\n- Standard\r\n- Tiger Stripe\r\n- Horn\r\n- Wing\r\n\r\n### Examples\r\n\r\n![image](https://github.com/user-attachments/assets/23da26c4-1a08-4c86-b2e1-0effd9e8960e)\r\n![image](https://github.com/user-attachments/assets/3c48c350-0039-4082-8e4a-ce32abb50cdb)\r\n\r\n![image](https://github.com/user-attachments/assets/f140c20e-eaa1-40bc-9517-67add305bcea)\r\n![image](https://github.com/user-attachments/assets/4dee917d-a115-40e0-b916-c36395b14fe6)\r\n\r\n![image](https://github.com/user-attachments/assets/67677b2a-57d7-4878-a61d-9e99d60739d6)\r\n![image](https://github.com/user-attachments/assets/0423b5de-a488-46bc-a29c-0ce5e8ae5293)\r\n\r\nCredit:\r\n\r\n- Largely inspired by dumbmatter's https://github.com/zengm-games/facesjs\r\n- HeroUI\r\n- Vite\r\n- Tailwind\r\n- Several other tools\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftomkennedy22%2Fhelmetjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftomkennedy22%2Fhelmetjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftomkennedy22%2Fhelmetjs/lists"}