npmpackage.info

Gathering detailed insights and metrics for @bigcommerce/big-design

Other packages similar to @bigcommerce/big-design

@bigcommerce/big-design-theme

1.1.0

BigDesign design system.

@bigcommerce/big-design-icons

1.4.0

BigDesign Icons as React components.

@bigcommerce/big-design-patterns

3.0.1

BigDesign React Patterns.

Gathering detailed insights and metrics for @bigcommerce/big-design

@bigcommerce/big-design - 2.0.1 | npmpackage.info

@bigcommerce/big-design

Design system that powers the BigCommerce ecosystem.

2.0.1

NOASSERTION

TypeScript

1.51 MB

Installations

npm install @bigcommerce/big-design

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

20.19.1

NPM Version

10.8.2 Pull Requests

Open

12

Total

1,608

Closed

204

Merged

1,392

Issues

Open

19

Total

104

Closed

85

Releases

410

@bigcommerce/docs@1.6.1

Updated on Apr 30, 2025

@bigcommerce/big-design-patterns@3.0.1

Updated on Apr 30, 2025

@bigcommerce/big-design-icons@1.4.0

Updated on Apr 30, 2025

@bigcommerce/big-design@2.0.1

Updated on Apr 30, 2025

@bigcommerce/big-design-patterns@3.0.0

Updated on Apr 25, 2025

@bigcommerce/docs@1.6.0

Updated on Apr 25, 2025

View All 410 releases

Languages

TypeScript

MDX

JavaScript

HTML

TypeScript (98.27%)

MDX (1.28%)

JavaScript (0.43%)

HTML (0.01%)

Developer

bigcommerce

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

NOASSERTION License

55 Stars

1,592 Commits

66 Forks

39 Watchers

22 Branches

414 Contributors

Updated on Jul 15, 2025

Maintainers

View All 414 Contributors

Package Meta Information

Latest Version

2.0.1

Package Id

@bigcommerce/big-design@2.0.1

Unpacked Size

1.51 MB

Size

237.08 kB

File Count

1,613

NPM Version

10.8.2

Node Version

20.19.1

Published on

Apr 30, 2025

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@babel/runtime @popperjs/core @types/react-datepicker date-fns downshift focus-trap polished react-beautiful-dnd react-datepicker react-intersection-observer react-popper zustand @bigcommerce/big-design-icons @bigcommerce/big-design-theme

Peer Dependencies

react react-dom styled-components

Dev Dependencies

BigDesign

BigDesign React components.

Documentation

You can find documentation and examples on our docs page.

Quick start guide

Add BigDesign and styled-components@5 to your project using npm:

npm install @bigcommerce/big-design styled-components@5

or with pnpm:

pnpm add @bigcommerce/big-design styled-components@5

Add the font as a <link> in your index.html/<head> element.

1<head>
2  <link rel="preconnect" href="https://fonts.googleapis.com" />
3  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
4  <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600&display=swap" rel="stylesheet" />
5</head>

Import the GlobalStyles component and use it once in your app. This will set a few styles globally and add normalize.css. We recommend placing it close to your root component. Then import any component, such as Button, to use it anywhere in your app.

1import { Button, GlobalStyles } from '@bigcommerce/big-design';
2
3// ...
4
5<App>
6  <GlobalStyles />
7  <Button>Click me</Button>
8</App>

SAST

Determines if the project uses static code analysis.

Score

6

/10

Last Scanned on 2025-07-14

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