{"id":29102324,"url":"https://github.com/formio/uswds","last_synced_at":"2025-06-28T21:44:47.797Z","repository":{"id":42282524,"uuid":"216866883","full_name":"formio/uswds","owner":"formio","description":"JavaScript Powered Forms for the United States Web Design System","archived":false,"fork":false,"pushed_at":"2025-05-28T15:31:54.000Z","size":83873,"stargazers_count":12,"open_issues_count":5,"forks_count":11,"subscribers_count":14,"default_branch":"master","last_synced_at":"2025-06-18T09:51:10.657Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://formio.github.io/uswds","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"osl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/formio.png","metadata":{"files":{"readme":"Readme.md","changelog":"Changelog.md","contributing":null,"funding":null,"license":"LICENSE.txt","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,"zenodo":null}},"created_at":"2019-10-22T17:04:44.000Z","updated_at":"2025-05-28T15:31:59.000Z","dependencies_parsed_at":"2024-03-14T21:51:43.302Z","dependency_job_id":"72401916-2566-4216-a219-07df54fb58b8","html_url":"https://github.com/formio/uswds","commit_stats":{"total_commits":582,"total_committers":22,"mean_commits":"26.454545454545453","dds":0.6615120274914089,"last_synced_commit":"bef5dd0b8c4b2e9631cbe89384d7463d76ad84bb"},"previous_names":[],"tags_count":97,"template":false,"template_full_name":null,"purl":"pkg:github/formio/uswds","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/formio%2Fuswds","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/formio%2Fuswds/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/formio%2Fuswds/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/formio%2Fuswds/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/formio","download_url":"https://codeload.github.com/formio/uswds/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/formio%2Fuswds/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260735422,"owners_count":23054674,"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-06-28T21:44:32.434Z","updated_at":"2025-06-28T21:44:47.789Z","avatar_url":"https://github.com/formio.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Form.io United States Web Design System Templates\n\nThis repository will change the rendering of forms in formio.js so that it uses html and classes compatible with the [United States Web Design System](https://designsystem.digital.gov/) framework.\n\n## Usage\n\n```javascript\nimport uswds from '@formio/uswds';\nimport { Formio } from '@formio/js';\nFormio.use(uswds);\n```\n\nOr if you would like to embed directly within your website, you can use the following.\n\n```html\n\u003chtml\u003e\n    \u003chead\u003e\n        \u003clink rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\u003e\n        \u003clink rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/uswds/3.1.0/css/uswds.min.css\"\u003e\n        \u003clink rel=\"stylesheet\" href=\"https://cdn.form.io/js/formio.form.min.css\"\u003e\n        \u003clink rel=\"stylesheet\" href=\"https://cdn.form.io/uswds/uswds.min.css\"\u003e\n        \u003cscript src=\"https://cdnjs.cloudflare.com/ajax/libs/uswds/3.1.0/js/uswds.min.js\"\u003e\u003c/script\u003e\n        \u003cscript src=\"https://cdn.form.io/js/formio.form.min.js\"\u003e\u003c/script\u003e\n        \u003cscript src=\"https://cdn.form.io/uswds/uswds.min.js\"\u003e\u003c/script\u003e\n    \u003c/head\u003e\n    \u003cbody\u003e\n        \u003cdiv id=\"formio\"\u003e\u003c/div\u003e\n        \u003cscript type=\"text/javascript\"\u003e\n            Formio.use(uswds);\n            Formio.createForm(document.getElementById('formio'), 'https://examples.form.io/example');\n        \u003c/script\u003e\n    \u003c/body\u003e\n\u003c/html\u003e\n```\n\nYou can try out this by going to the following JSFiddle - https://jsfiddle.net/travistidwell/yrwp9m24/1/\n\n## Form Builder\nIn addition to being a Form Renderer, you can also use this library to embed the Form.io Form Builder within your own application using the following.\n\n```html\n\u003chtml\u003e\n    \u003chead\u003e\n        \u003clink rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\u003e\n        \u003clink rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/uswds/3.1.0/css/uswds.min.css\"\u003e\n        \u003clink rel=\"stylesheet\" href=\"https://cdn.form.io/js/formio.full.min.css\"\u003e\n        \u003clink rel=\"stylesheet\" href=\"https://cdn.form.io/uswds/uswds.min.css\"\u003e\n        \u003cscript src=\"https://cdnjs.cloudflare.com/ajax/libs/uswds/3.1.0/js/uswds.min.js\"\u003e\u003c/script\u003e\n        \u003cscript src=\"https://cdn.form.io/js/formio.full.min.js\"\u003e\u003c/script\u003e\n        \u003cscript src=\"https://cdn.form.io/uswds/uswds.min.js\"\u003e\u003c/script\u003e\n    \u003c/head\u003e\n    \u003cbody\u003e\n        \u003cdiv id=\"builder\"\u003e\u003c/div\u003e\n        \u003cscript type=\"text/javascript\"\u003e\n            Formio.use(uswds);\n            Formio.builder(document.getElementById('builder'));\n        \u003c/script\u003e\n    \u003c/body\u003e\n\u003c/html\u003e\n```\n\n## Example Application\nFor an example of how this platform works, please see the following application.\n\n[https://formio.github.io/uswds](https://formio.github.io/uswds)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fformio%2Fuswds","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fformio%2Fuswds","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fformio%2Fuswds/lists"}