npmpackage.info

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

@bigcommerce/big-design-patterns - 3.0.1 | npmpackage.info

@bigcommerce/big-design-patterns

Design system that powers the BigCommerce ecosystem.

3.0.1

NOASSERTION

TypeScript

70.85 kB

Installations

npm install @bigcommerce/big-design-patterns

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

20.19.1

NPM Version

10.8.2 Pull Requests

Open

12

Total

1,607

Closed

204

Merged

1,391

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

54 Stars

1,591 Commits

66 Forks

39 Watchers

22 Branches

411 Contributors

Updated on Jul 08, 2025

Maintainers

View All 411 Contributors

Package Meta Information

Latest Version

3.0.1

Package Id

@bigcommerce/big-design-patterns@3.0.1

Unpacked Size

70.85 kB

Size

16.91 kB

File Count

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

BigDesign Patterns

BigDesign React Patterns.

Documentation

You can find documentation and examples on our docs page.

Quick start guide

Add @bigcommerce/big-design, @bigcommerce/big-design-patterns and styled-components@5 to your project using npm:

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

or with pnpm:

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

Setup BigDesign as per the Quick start guide and then import any pattern, such as Page and Header, to use it anywhere in your app.

1import { Panel } from '@bigcommerce/big-design';
2import { AddIcon } from '@bigcommerce/big-design-icons';
3import { Page, Header } from '@bigcommerce/big-design-patterns';
4
5export default function App() {
6  const header = (
7    <Header
8      title="Products"
9      description="View and manage your products."
10      actions={[{ text: 'Add new', iconLeft: <AddIcon /> }]}
11    />
12  );
13
14  return (
15    <Page header={header}>
16      <Panel header="Main content">
17        ...
18      </Panel>
19    </Page>
20  );
21}

SAST

Determines if the project uses static code analysis.

Score

6

/10

Last Scanned on 2025-07-07

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

@bigcommerce/big-design-patterns

Installations

Developer Guide

No

CommonJS

20.19.1

10.8.2

Pull Requests

12

1,607

204

1,391

Issues

19

104

85

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

BigDesign Patterns

Documentation

Quick start guide

10

10

10

10

10

9

5

0

0

0

0

0

6

/10