{"id":13880907,"url":"https://github.com/mashmatrix/react-lightning-design-system","last_synced_at":"2025-07-16T17:31:21.480Z","repository":{"id":37693154,"uuid":"41376392","full_name":"mashmatrix/react-lightning-design-system","owner":"mashmatrix","description":"Salesforce Lightning Design System components built with React ","archived":false,"fork":false,"pushed_at":"2025-07-10T09:23:34.000Z","size":33887,"stargazers_count":256,"open_issues_count":43,"forks_count":87,"subscribers_count":24,"default_branch":"master","last_synced_at":"2025-07-10T11:19:45.276Z","etag":null,"topics":["react","salesforce","salesforce-lightning"],"latest_commit_sha":null,"homepage":"https://mashmatrix.github.io/react-lightning-design-system/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mashmatrix.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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,"zenodo":null}},"created_at":"2015-08-25T16:59:50.000Z","updated_at":"2025-06-12T05:32:28.000Z","dependencies_parsed_at":"2024-06-18T15:30:10.491Z","dependency_job_id":"20f09887-a1c1-475d-81ee-1058b3178fa3","html_url":"https://github.com/mashmatrix/react-lightning-design-system","commit_stats":{"total_commits":1284,"total_committers":30,"mean_commits":42.8,"dds":"0.46261682242990654","last_synced_commit":"a208a20b6b517140b73da3f6b398025a08ab0b34"},"previous_names":[],"tags_count":92,"template":false,"template_full_name":null,"purl":"pkg:github/mashmatrix/react-lightning-design-system","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mashmatrix%2Freact-lightning-design-system","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mashmatrix%2Freact-lightning-design-system/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mashmatrix%2Freact-lightning-design-system/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mashmatrix%2Freact-lightning-design-system/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mashmatrix","download_url":"https://codeload.github.com/mashmatrix/react-lightning-design-system/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mashmatrix%2Freact-lightning-design-system/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264608849,"owners_count":23636715,"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":["react","salesforce","salesforce-lightning"],"created_at":"2024-08-06T08:03:38.191Z","updated_at":"2025-07-16T17:31:20.820Z","avatar_url":"https://github.com/mashmatrix.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# [React Lightning Design System](https://mashmatrix.github.io/react-lightning-design-system/)\n[![Build Status](https://travis-ci.org/mashmatrix/react-lightning-design-system.svg?branch=master)](https://travis-ci.org/mashmatrix/react-lightning-design-system)\n\n[Salesforce Lightning Design System](http://www.lightningdesignsystem.com/) components built with React.\n\nSee the [demo](https://mashmatrix.github.io/react-lightning-design-system/).\n\n\n## Install\n\n```\n$ npm install react-lightning-design-system\n```\n\n## Example\n\n```javascript\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Button } from 'react-lightning-design-system';\n\nfunction click() { alert('Clicked'); }\n\nReactDOM.render(\n  \u003cdiv\u003e\n    \u003cButton onClick={ click }\u003eSimple\u003c/Button\u003e\n    \u003cButton type='neutral' onClick={ click }\u003eNeutral\u003c/Button\u003e\n    \u003cButton type='brand' onClick={ click }\u003eBrand\u003c/Button\u003e\n    \u003cButton type='neutral' icon='download' iconAlign='left' onClick={ click }\u003eIcon #1\u003c/Button\u003e\n    \u003cButton type='neutral' disabled\u003eDisabled Neutral\u003c/Button\u003e\n    \u003cButton type='brand' disabled\u003eDisabled Brand\u003c/Button\u003e\n  \u003c/div\u003e\n, document.body);\n```\n\nSee more examples in [examples](https://github.com/mashmatrix/react-lightning-design-system/tree/master/stories) directory.\n\n\n## Running example stories locally\n\nThis repo ships with a react storybook based story scripts.\nTo run stories and get component examples, follow these steps:\n\n1. run ```npm install```\n2. run ```npm run storybook```\n3. Find the stories running on [localhost:9001](http://localhost:9001).\n\n## Snapshot testing in react storybook\n\nThis repo ships with story snapshots to examine differences in rendering as a result of changes to source code.\n\nTo identify render differences run ```npm run test:storyshots```.  If  all changes are intentional run ```npm run test:storyshots -- -u```.  To learn about other run options including *interactive mode*, read\n[Snapshot Testing in React Storybook](https://voice.kadira.io/snapshot-testing-in-react-storybook-43b3b71cec4f)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmashmatrix%2Freact-lightning-design-system","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmashmatrix%2Freact-lightning-design-system","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmashmatrix%2Freact-lightning-design-system/lists"}