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

4.0.0

BigDesign React Patterns.

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

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

@bigcommerce/big-design

Design system that powers the BigCommerce ecosystem.

2.1.0

NOASSERTION

TypeScript

1.50 MB

410,066

Installations

npm install @bigcommerce/big-design

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

20.19.4

NPM Version

10.8.2 Score

Supply Chain

40.7

Quality

91.5

Maintenance

100

Vulnerability

97.9

License

Pull Requests

Open

14

Total

1,630

Closed

209

Merged

1,407

Issues

Open

20

Total

105

Closed

85

Releases

413

@bigcommerce/docs@1.7.0

Updated on Aug 01, 2025

@bigcommerce/big-design-patterns@4.0.0

Updated on Aug 01, 2025

@bigcommerce/big-design@2.1.0

Updated on Aug 01, 2025

@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

View All 413 releases

Languages

TypeScript

MDX

JavaScript

HTML

TypeScript (98.28%)

MDX (1.28%)

JavaScript (0.43%)

HTML (0.01%)

Developer

bigcommerce

Download Statistics

Total Downloads

410,066

Last Day

177

Last Week

2,932

Last Month

10,696

Last Year

105,871

GitHub Statistics

NOASSERTION License

55 Stars

1,607 Commits

66 Forks

39 Watchers

25 Branches

421 Contributors

Updated on Aug 28, 2025

Maintainers

View All 421 Contributors

Package Meta Information

Latest Version

2.1.0

Package Id

@bigcommerce/big-design@2.1.0

Unpacked Size

1.50 MB

Size

237.40 kB

File Count

1,621

NPM Version

10.8.2

Node Version

20.19.4

Published on

Aug 01, 2025

Total Downloads

Cumulative downloads

Total Downloads

410,066

Last Day

172.3%

177

Compared to previous day

Last Week

20.9%

2,932

Compared to previous week

Last Month

-2.2%

10,696

Compared to previous month

Last Year

57.1%

105,871

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>

No vulnerabilities found.