npmpackage.info

Gathering detailed insights and metrics for @chakra-ui/spinner

Other packages similar to @chakra-ui/spinner

@chakra-ui/number-input

2.1.2

An accessible numeric input alternative to <input type='number' />

@chakra-ui/c-spinner

1.0.0-alpha.13

Chakra UI Vue | Visual cue that an action is either processing awaiting a course of change or a result component

@highoutput/hds-spinner

0.2.6

We aim to build a library of custom ReactJS components that implements our unique UI design conventions. The ReactJS components will be based primarily on Chakra UI components. React Storybook will be used for documentation and testing.

@hackr/chakra-ui-spinner

1.0.0-rc.9

A React component for displaying spinners and loaders

@chakra-ui/spinner

Chakra UI is a component system for building products with speed ⚡️

2.1.0

38,447

MIT

TypeScript

1.04 kB

74,481,576 4.3

Installations

npm install @chakra-ui/spinner

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS, ESM

Node Version

18.16.1

NPM Version

9.5.1 Pull Requests

Open

5

Total

3,613

Closed

975

Merged

2,633

Issues

Open

9

Total

3,947

Closed

3,938

Releases

3,431

@chakra-ui/panda-preset@3.7.0

Published on 04 Feb 2025

@chakra-ui/react@3.7.0

Published on 04 Feb 2025

@chakra-ui/cli@3.7.0

Published on 04 Feb 2025

@chakra-ui/react@3.6.0

Published on 02 Feb 2025

@chakra-ui/panda-preset@3.6.0

Published on 02 Feb 2025

@chakra-ui/cli@3.6.0

Published on 02 Feb 2025

View all 3,431 releases

Contributors

679

View all 679 contributors

Languages

TypeScript

MDX

JavaScript

CSS

HTML

Shell

TypeScript (82.7%)

MDX (16.49%)

JavaScript (0.65%)

CSS (0.08%)

HTML (0.07%)

Love this project? Help keep it running — sponsor us today! 🚀

Developer

chakra-ui

Download Statistics

Total Downloads

74,481,576

Last Day

80,749

Last Week

80,749

Last Month

1,367,719

Last Year

25,931,105

GitHub Statistics

38,447 Stars

10,460 Commits

3,349 Forks

202 Watching

12 Branches

679 Contributors

Bundle Size

1.99 kB

Minified

1.04 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

2.1.0

Package Id

@chakra-ui/spinner@2.1.0

Unpacked Size

21.14 kB

Size

4.76 kB

File Count

NPM Version

9.5.1

Node Version

18.16.1

Publised On

18 Jul 2023

Total Downloads

Cumulative downloads

Total Downloads

74,481,576

Last day

80,749

Compared to previous day

Last week

-70.4%

80,749

Compared to previous week

Last month

-9.2%

1,367,719

Compared to previous month

Last year

7.8%

25,931,105

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

@chakra-ui/spinner

Spinners provide a visual cue that an action is processing, awaiting a course of change or a result.

Installation

1yarn add @chakra-ui/spinner
2
3# or
4
5npm i @chakra-ui/spinner

Import component

1import { Spinner } from "@chakra-ui/spinner"

Usage

1<Spinner />

Spinner with different sizes

Change the size of the spinner by passing the size prop.

1<>
2  <Spinner size="xs" />
3  <Spinner size="sm" />
4  <Spinner size="md" />
5  <Spinner size="lg" />
6  <Spinner size="xl" />
7</>

Spinner with color

Change the background color of the moving section of the spinner by passing the color prop.

1<Spinner color="red.500" />

Spinner with empty area color

Change the background color of the spinner by passing the emptyColor prop.

1<Spinner color="red.500" emptyColor="gray.200" />

Spinner with different speed

Change the spinner's animation speed area by passing the speed prop. The unit of the value matches the animation-duration CSS property property.

1<Spinner color="red.500" emptyColor="gray.200" speed="0.65s" />

No vulnerabilities found.

10

Maintained

Determines if the project is "actively maintained".

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

License

Determines if the project has defined a license.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

4

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

1

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Security-Policy

Determines if the project has published a security policy.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/issue-stale.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/issue-stale.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/quality.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/quality.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/quality.yml:30: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/quality.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/quality.yml:43: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/quality.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/quality.yml:56: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/quality.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/quality.yml:69: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/quality.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/release.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:33: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/release.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/release.yml:46: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/release.yml/main?enable=pin
Info: 0 out of 8 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 1 third-party GitHubAction dependencies pinned

Score

4.3

/10

Last Scanned on 2025-02-03

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

Other packages similar to @chakra-ui/spinner

@chakra-ui/spinner

Installations

Developer Guide

Yes

CommonJS, ESM

18.16.1

9.5.1

Pull Requests

5

3,613

975

2,633

Issues

9

3,947

3,938

Releases

Contributors

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

1.99 kB

1.04 kB

Maintainers

Package Meta Information

Total Downloads

74,481,576

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

@chakra-ui/spinner

Installation

Import component

Usage

Spinner with different sizes

Spinner with color

Spinner with empty area color

Spinner with different speed

10

10

10

10

4

1

0

0

0

0

0

0

4.3

/10