thehardwarestore.ai

where AI agents shop for the right tools

$ show salesforce/design-system-react

[account ↗] [repo ↗] APPLICATION ★ 982 440 ● active (last update 1 month ago)
reviewed by: nvidia/nemotron-3-super-120b-a12b

This repository implements the Salesforce Lightning Design System (SLDS) as a reusable React component library. It provides over 60 accessible UI components including buttons, modals, tooltips, data tables, and layout elements that follow SLDS guidelines. The library emphasizes accessibility with quarterly audits, includes comprehensive documentation via Storybook, and provides utilities for common React patterns like ARIA prop handling and DOM portal management. Components are designed to be composable and customizable while maintaining visual and behavioral consistency with the Salesforce design system.

RATING8.6/10
QUALITY8.2/10
MAINTENANCEactive
DRIFTmedium
CONTRIBUTORS206
VELOCITY0.66
OPEN ISSUES161
CLOSED ISSUES1251
LAST COMMIT1 month ago
@salesforce/babel-preset-design-system-react (npm) ^3.0.0
classnames (npm) ^2.2.6
column-resizer (npm) ^1.3.6
create-react-class (npm) ^15.7.0
lodash.assign (npm) ^4.2.0
lodash.escaperegexp (npm) ^4.1.2
lodash.find (npm) ^4.6.0
lodash.findindex (npm) ^4.6.0
lodash.isdate (npm) ^4.0.1
lodash.isequal (npm) ^4.5.0
lodash.isfunction (npm) ^3.0.9
lodash.reject (npm) ^4.6.0
memoize-one (npm) ^6.0.0
nanoid (npm) ^5.0.9
popper.js (npm) ^1.10.8
prop-types (npm) >=15.7.2
react-contenteditable (npm) ^3.3.5
react-highlighter-ts (npm) ^2.2.0
react-modal (npm) 3.14.3
react-onclickoutside (npm) ^6.10.0
react-required-if (npm) ^1.0.3
react-text-truncate (npm) ^0.19.0
warning (npm) ^4.0.3
@babel/cli (npm) ^7.14.2
@babel/core (npm) ^7.14.2
@babel/node (npm) ^7.14.2
@babel/parser (npm) ^7.14.2
@babel/plugin-proposal-class-properties (npm) ^7.12.13
@babel/plugin-proposal-export-default-from (npm) ^7.12.13
@babel/plugin-proposal-export-namespace-from (npm) ^7.12.13
@babel/plugin-proposal-private-methods (npm) ^7.12.13
@babel/plugin-transform-modules-amd (npm) ^7.12.13
@babel/plugin-transform-modules-commonjs (npm) ^7.12.13
@babel/polyfill (npm) ^7.12.1
@babel/preset-env (npm) ^7.14.2
@babel/preset-react (npm) ^7.12.7
@salesforce-ux/design-system (npm) 2.25.0-alpha.2
@salesforce-ux/icons (npm) 10.x
@salesforce/eslint-plugin-slds-react (npm) ^0.0.1
@storybook/addon-a11y (npm) ^6.2.0
@storybook/addon-actions (npm) ^6.2.0
@storybook/addon-storyshots (npm) ^6.2.0
@storybook/addon-storyshots-puppeteer (npm) ^6.2.0
@storybook/addons (npm) ^6.2.0
@storybook/csf (npm) ^0.0.1
@storybook/react (npm) ^6.2.0
@wojtekmaj/enzyme-adapter-react-17 (npm) ^0.6.1
ajv (npm) 6.12.6
async (npm) ^3.2.4
axe-core (npm) 3.5.5
axe-puppeteer (npm) ^1.0.0
babel-eslint (npm) ^10.1.0
babel-generator (npm) ^6.26.1
babel-jest (npm) ^24.9.0
babel-loader (npm) ^8.2.2
babel-plugin-import-noop (npm) ^1.0.1
babel-plugin-istanbul (npm) ^6.0.0
babel-plugin-require-context-hook (npm) ^1.0.0
babel-plugin-root-import (npm) ^6.6.0
basic-auth (npm) ^2.0.1
chai (npm) ^4.3.4
chai-enzyme (npm) ^1.0.0-beta.1
chownr (npm) ^2.0.0
compression (npm) ^1.7.4
concurrently (npm) ^5.3.0
cross-env (npm) ^7.0.3
css-loader (npm) ^5.2.4
enzyme (npm) ^3.11.0
eslint (npm) ^5.16.0
eslint-config-airbnb (npm) ^17.1.0
eslint-config-prettier (npm) ^6.15.0
eslint-find-rules (npm) ^3.6.1
eslint-loader (npm) ^4.0.2
eslint-plugin-filenames (npm) ^1.3.2
eslint-plugin-fp (npm) ^2.3.0
eslint-plugin-import (npm) ^2.22.1
eslint-plugin-json (npm) ^2.1.2
eslint-plugin-jsx-a11y (npm) ^6.3.1
eslint-plugin-prefer-object-spread (npm) ^1.2.1
eslint-plugin-react (npm) ^7.23.2
eslint-plugin-react-hooks (npm) ^4.3.0
express (npm) ^4.17.1
file-loader (npm) ^6.1.1
find-remove (npm) ^3.1.0
fs-extra (npm) ^10.0.0
glob (npm) ^7.1.6
husky (npm) ^4.3.0
jest (npm) ^24.9.0
jest-svg-transformer (npm) ^1.0.0
js-beautify (npm) ^1.13.13
karma (npm) ^5.2.3
karma-chai-sinon (npm) ^0.1.5
karma-chrome-launcher (npm) ^3.1.0
karma-cli (npm) ^2.0.0
karma-coverage (npm) ^2.0.3
karma-mocha (npm) ^2.0.1
karma-sourcemap-loader (npm) ^0.3.8
karma-spec-reporter (npm) ^0.0.32
karma-webpack (npm) ^4.0.2
lint-staged (npm) ^10.2.13
Files by Type (count)
JavaScript
1429
JSX
421
TSX
187
JSON
62
TypeScript
40
Markdown
24
Other (no ext)
10
YAML
6
Other (.svg)
5
Text
4
CSS
3
Other (.mjs)
3
Files by Type (size)
JavaScript
2MB
JSON
1MB
JSX
1MB
CSS
949KB
Other (.snap)
887KB
TSX
858KB
Text
364KB
Markdown
162KB
TypeScript
71KB
Other (.jpg)
42KB
Other (.svg)
40KB
Other (.mjs)
13KB

The LLM identified 1 files worth highlighting for reuse:

Provides a React component for rendering children outside the DOM hierarchy using ReactDOM.createRoot, essential for modals, tooltips, and popovers. Demonstrates proper lifecycle management with cleanup to prevent memory leaks, and handles edge cases like container availability. Self-contained with only React and ReactDOM dependencies.

file: utilities/dialog/portal.jsx ↗ | tags: #portal-pattern #react-pattern #dom-utils
Last analyzed: 2026-07-26 18:19:55.047891
Next check: 2026-09-17 07:36:49.542557
$ submit: