{"id":13422340,"url":"https://github.com/digiaonline/react-foundation","last_synced_at":"2025-09-27T13:30:38.011Z","repository":{"id":5653879,"uuid":"53612920","full_name":"digiaonline/react-foundation","owner":"digiaonline","description":"Foundation as React components.","archived":true,"fork":false,"pushed_at":"2023-03-03T12:15:05.000Z","size":880,"stargazers_count":596,"open_issues_count":0,"forks_count":68,"subscribers_count":28,"default_branch":"main","last_synced_at":"2025-08-29T08:43:16.112Z","etag":null,"topics":["css","foundation","hacktoberfest","react","react-components","scss"],"latest_commit_sha":null,"homepage":"https://digia.online/react-foundation-docs/","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/digiaonline.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/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}},"created_at":"2016-03-10T19:58:03.000Z","updated_at":"2025-05-15T22:12:08.000Z","dependencies_parsed_at":"2023-07-18T01:27:06.851Z","dependency_job_id":null,"html_url":"https://github.com/digiaonline/react-foundation","commit_stats":{"total_commits":241,"total_committers":22,"mean_commits":"10.954545454545455","dds":0.4107883817427386,"last_synced_commit":"cae0374614bd16c781959fd4ebafeddcd797a5c2"},"previous_names":["nordsoftware/react-foundation"],"tags_count":44,"template":false,"template_full_name":null,"purl":"pkg:github/digiaonline/react-foundation","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digiaonline%2Freact-foundation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digiaonline%2Freact-foundation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digiaonline%2Freact-foundation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digiaonline%2Freact-foundation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/digiaonline","download_url":"https://codeload.github.com/digiaonline/react-foundation/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digiaonline%2Freact-foundation/sbom","scorecard":{"id":341761,"data":{"date":"2025-08-11","repo":{"name":"github.com/digiaonline/react-foundation","commit":"cae0374614bd16c781959fd4ebafeddcd797a5c2"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3,"checks":[{"name":"Dangerous-Workflow","score":10,"reason":"no dangerous workflow patterns detected","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Code-Review","score":2,"reason":"Found 1/4 approved changesets -- score normalized to 2","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Maintained","score":0,"reason":"project is archived","details":["Warn: Repository is archived."],"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Token-Permissions","score":0,"reason":"detected GitHub workflow tokens with excessive permissions","details":["Warn: no topLevel permission defined: .github/workflows/pre-commit.yml:1","Warn: no topLevel permission defined: .github/workflows/test.yml:1","Info: no jobLevel write permissions found"],"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Pinned-Dependencies","score":0,"reason":"dependency not pinned by hash detected -- score normalized to 0","details":["Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/pre-commit.yml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/digiaonline/react-foundation/pre-commit.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/pre-commit.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/digiaonline/react-foundation/pre-commit.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/pre-commit.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/digiaonline/react-foundation/pre-commit.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/digiaonline/react-foundation/test.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/digiaonline/react-foundation/test.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/digiaonline/react-foundation/test.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/test.yml:38: update your workflow using https://app.stepsecurity.io/secureworkflow/digiaonline/react-foundation/test.yml/main?enable=pin","Warn: npmCommand not pinned by hash: .github/workflows/test.yml:30","Info:   0 out of   5 GitHub-owned GitHubAction dependencies pinned","Info:   0 out of   2 third-party GitHubAction dependencies pinned","Info:   0 out of   1 npmCommand dependencies pinned"],"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":-1,"reason":"internal error: error during branchesHandler.setup: internal error: githubv4.Query: Resource not accessible by integration","details":null,"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 30 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"36 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-6chw-6frg-f759","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-cwfw-4gq5-mrqx","Warn: Project is vulnerable to: GHSA-g95f-p29q-9xw4","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c","Warn: Project is vulnerable to: GHSA-2j2x-2gpw-g8fm","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3","Warn: Project is vulnerable to: MAL-2023-462","Warn: Project is vulnerable to: GHSA-896r-f27r-55mw","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp","Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695","Warn: Project is vulnerable to: GHSA-fvqr-27wr-82fm","Warn: Project is vulnerable to: GHSA-4xc9-xhrj-v574","Warn: Project is vulnerable to: GHSA-x5rq-j2xg-h7qm","Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw","Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr","Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3","Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh","Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-18T06:04:41.478Z","repository_id":5653879,"created_at":"2025-08-18T06:04:41.478Z","updated_at":"2025-08-18T06:04:41.478Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276841888,"owners_count":25714200,"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","status":"online","status_checked_at":"2025-09-24T02:00:09.776Z","response_time":97,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["css","foundation","hacktoberfest","react","react-components","scss"],"created_at":"2024-07-30T23:00:42.064Z","updated_at":"2025-09-27T13:30:37.752Z","avatar_url":"https://github.com/digiaonline.png","language":"JavaScript","funding_links":[],"categories":["UI Frameworks"],"sub_categories":["Responsive"],"readme":"# React + Foundation\n\n[![Build](https://github.com/digiaonline/react-foundation/actions/workflows/test.yml/badge.svg)](https://github.com/digiaonline/react-foundation/actions)\n[![Test Coverage](https://api.codeclimate.com/v1/badges/ea90da79f63c9d5dab1a/test_coverage)](https://codeclimate.com/github/digiaonline/react-foundation/test_coverage)\n[![Maintainability](https://api.codeclimate.com/v1/badges/ea90da79f63c9d5dab1a/maintainability)](https://codeclimate.com/github/digiaonline/react-foundation/maintainability)\n[![StyleCI](https://styleci.io/repos/53612920/shield?style=flat)](https://styleci.io/repos/53612920)\n[![npm version](https://img.shields.io/npm/v/react-foundation.svg)](https://www.npmjs.com/package/react-foundation)\n[![npm downloads](https://img.shields.io/npm/dt/react-foundation.svg)](https://www.npmjs.com/package/react-foundation)\n[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/digiaonline/react-foundation/main/LICENSE)\n\n[Foundation](https://get.foundation/sites/docs/) as [React](https://reactjs.org/) components.\n\n## Demo\n\nhttps://digia.online/react-foundation-docs/\n\n[Components with Bit](https://bit.dev/digiaonline/react-foundation)\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://bitsrc.io/digiaonline/react-foundation\"\u003e\u003cimg src=\"https://i.imagesup.co/images2/0__05c740dc39b7e2.jpg\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\n## Motivation\n\n[Foundation](https://get.foundation/sites/docs/) is both feature-rich and easy to customize.\n[React](https://reactjs.org/) on the other hand is awesome because of its simplicity.\nIt's even more awesome when combined with\n[Redux](https://redux.js.org/) and [Immutable](https://immutable-js.com/).\n\nAfter building quite a few applications with React and Foundation we noticed that we were writing the\nsame components over and over again. First we tried to find a library that would do the job,\nbut there was none that met our needs. So we collected our notes, started coding and here's the result.\n\nWe hope you enjoy it as much as we do!\n\n## What's in the box?\n\nThe goal is to wrap every part of Foundation into re-usable React components following the framework's\nbest practices. The primary focus is ease-of-use and extensibility. We use pure render components,\nalso known as stateless components, whenever possible to keep the memory usage to a minimum. Stateful\ncomponents are only used for larger components, such as `ResponsiveNavigation`, where state is actually necessary.\nAll components are unit-tested to ensure their quality.\n\nHere is a list of the available components:\n\n* [Accordion](src/components/accordion.js)\n* [Badge](src/components/badge.js)\n* [Breadcrumbs](src/components/breadcrumbs.js)\n* [Button](src/components/button.js)\n* [ButtonGroup](src/components/button-group.js)\n* [Callout](src/components/callout.js)\n* [CloseButton](src/components/close-button.js)\n* [FlexVideo](src/components/flex-video.js)\n* [Grid](src/components/grid.js)\n* [Icon](src/components/icon.js)\n* [Label](src/components/label.js)\n* [MediaObject](src/components/media-object.js)\n* [Menu](src/components/menu.js)\n* [Pagination](src/components/pagination.js)\n* [Progress](src/components/progress-bar.js)\n* [ResponsiveNavigation](src/components/responsive.js)\n* [Switch](src/components/switch.js)\n* [Tabs](src/components/tabs.js)\n* [Thumbnail](src/components/thumbnail.js)\n* [TopBar](src/components/top-bar.js)\n\nMore components coming soon!\n\n## Install\n\nInstall library:\n\n```bash\nnpm install react-foundation --save\n```\n\nInstall [foundation-sites](https://www.npmjs.com/package/foundation-sites):\n\n```bash\nnpm install foundation-sites --save\n```\n\n## Usage\n\n```js\n// Add Foundation to index.js\nimport 'foundation-sites/dist/css/foundation.min.css';\n\n// import components\nimport { Button, Colors } from 'react-foundation';\n\n// Use components ...\nfunction SubmitButton() {\n  return \u003cButton color={Colors.SUCCESS}\u003eSubmit\u003c/Button\u003e;\n}\n```\n\nDocumentation is at https://digia.online/react-foundation-docs/.\n\n*Note:* Newer versions of `foundation-sites` do not offer out of the box support for `\u003cRow/\u003e` and `\u003cColumn/\u003e` components. If working with a newer version, `\u003cGrid/\u003e` and `\u003cCell/\u003e` components should be used instead.\n\n```js\n// Previous versions\n\u003cRow className=\"display\"\u003e\n  \u003cColumn small={2} large={4}\u003e4 columns\u003c/Column\u003e\n  \u003cColumn small={4} large={4}\u003e4 columns\u003c/Column\u003e\n  \u003cColumn small={6} large={4}\u003e4 columns\u003c/Column\u003e\n\u003c/Row\u003e\n\n// Newer versions\n\u003cGrid className=\"display\"\u003e\n  \u003cCell small={2} large={4}\u003e4 columns\u003c/Cell\u003e\n  \u003cCell small={4} large={4}\u003e4 columns\u003c/Cell\u003e\n  \u003cCell small={6} large={4}\u003e4 columns\u003c/Cell\u003e\n\u003c/Grid\u003e\n```\n\n## Contributing\n\nPlease read our [guidelines](.github/CONTRIBUTING.md).\n\n## Credits\n\n* Thanks to [Nord Software](https://twitter.com/nordsoftware) and [Digia](https://digia.com/en/) for sponsoring initial development.\n* Thanks to [@jmreidy](https://github.com/jmreidy) for releasing the `react-foundation` package name to us on [NPM](https://www.npmjs.com/).\n\n## License\n\nSee [LICENSE](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdigiaonline%2Freact-foundation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdigiaonline%2Freact-foundation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdigiaonline%2Freact-foundation/lists"}