Gathering detailed insights and metrics for carbon-components
Gathering detailed insights and metrics for carbon-components
Gathering detailed insights and metrics for carbon-components
Gathering detailed insights and metrics for carbon-components
carbon-components-react
The Carbon Design System is IBM’s open-source design system for products and experiences.
@carbon/react
React components for the Carbon Design System
@carbon/web-components
Web components for the Carbon Design System
@carbon/feature-flags
Build with feature flags in Carbon
npm install carbon-components
Typescript
Module System
Node Version
NPM Version
86.1
Supply Chain
92.5
Quality
90.1
Maintenance
100
Vulnerability
92.6
License
JavaScript (38.68%)
TypeScript (37.6%)
SCSS (15.91%)
MDX (5.85%)
HTML (1.92%)
Vue (0.03%)
Dockerfile (0.01%)
Shell (0.01%)
Total Downloads
31,550,759
Last Day
3,758
Last Week
45,286
Last Month
279,950
Last Year
5,061,741
7,914 Stars
12,348 Commits
1,830 Forks
90 Watching
43 Branches
504 Contributors
Minified
Minified + Gzipped
Latest Version
10.58.15
Package Id
carbon-components@10.58.15
Unpacked Size
13.75 MB
Size
2.07 MB
File Count
2,244
NPM Version
lerna/4.0.0/node@v16.20.2+x64 (linux)
Node Version
16.20.2
Publised On
08 May 2024
Cumulative downloads
Total Downloads
Last day
-69%
3,758
Compared to previous day
Last week
-33.3%
45,286
Compared to previous week
Last month
-23.4%
279,950
Compared to previous month
Last year
-20.1%
5,061,741
Compared to previous year
4
101
Carbon is an open-source design system built by IBM. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.
If you're just getting started, check out @carbon/react
or
@carbon/web-components
.
We also have community-contributed components for the following technologies:
If you're trying to find something specific, here's a full list of packages that we support!
Package name | Description |
---|---|
@carbon/react | React components and styles |
@carbon/web-components | Web Components |
@carbon/styles | Sass styles for components |
@carbon/elements | IBM Design Language elements like colors, type, iconography, and more |
@carbon/colors | Work with IBM Design Language colors |
@carbon/grid | Build layouts using the new 16 column grid system |
@carbon/icons | Iconography assets. We also offer support in: React, Angular, Vue, and Svelte |
@carbon/pictograms | Pictogram assets. We also offer support in: React and Svelte |
@carbon/layout | Layout-based units and spacing scale |
@carbon/motion | Productive and expressive motion curves |
@carbon/themes | Color tokens available in the Carbon Design System, like $interactive-01 |
@carbon/type | New type tokens used alongside IBM Plex |
We're always looking for contributors to help us fix bugs, build new features, or help us improve the project documentation. If you're interested, definitely check out our Contributing Guide and our Developer Guide! 👀
This project follows the all-contributors specification. Contributions of any kind welcome!
Licensed under the Apache 2.0 License.
No vulnerabilities found.
Reason
30 commit(s) and 12 issue activity found in the last 90 days -- score normalized to 10
Reason
security policy file detected
Details
Reason
no dangerous workflow patterns detected
Reason
license file detected
Details
Reason
no binaries found in the repo
Reason
SAST tool is run on all commits
Details
Reason
Found 21/25 approved changesets -- score normalized to 8
Reason
dependency not pinned by hash detected -- score normalized to 7
Details
Reason
badge detected: Passing
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
project is not fuzzed
Details
Reason
145 existing vulnerabilities detected
Details
Score
Last Scanned on 2024-12-23
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More