Gathering detailed insights and metrics for tsparticles-shape-circle
Gathering detailed insights and metrics for tsparticles-shape-circle
tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
npm install tsparticles-shape-circle
Typescript
Module System
Node Version
NPM Version
97.2
Supply Chain
91.7
Quality
78.1
Maintenance
100
Vulnerability
88
License
TypeScript (93.2%)
JavaScript (6.8%)
Love this project? Help keep it running — sponsor us today! 🚀
Total Downloads
7,750,091
Last Day
6,739
Last Week
38,496
Last Month
143,520
Last Year
1,792,711
8,010 Stars
13,987 Commits
875 Forks
120 Watching
16 Branches
75 Contributors
Minified
Minified + Gzipped
Latest Version
2.12.0
Package Id
tsparticles-shape-circle@2.12.0
Unpacked Size
289.98 kB
Size
96.11 kB
File Count
27
NPM Version
lerna/7.1.4/node@v18.16.0+arm64 (darwin)
Node Version
18.16.0
Publised On
04 Aug 2023
Cumulative downloads
Total Downloads
Last day
19.2%
6,739
Compared to previous day
Last week
44.3%
38,496
Compared to previous week
Last month
22.9%
143,520
Compared to previous month
Last year
-65.4%
1,792,711
Compared to previous year
1
tsParticles additional circle shape.
The CDN/Vanilla version JS has one required file in vanilla configuration:
Including the tsparticles.shape.circle.min.js
file will export the function to load the shape:
1loadCircleShape;
Once the scripts are loaded you can set up tsParticles
and the shape like this:
1(async () => { 2 await loadCircleShape(tsParticles); 3 4 await tsParticles.load({ 5 id: "tsparticles", 6 options: { 7 /* options */ 8 /* here you can use particles.shape.type: "circle" */ 9 }, 10 }); 11})();
This package is compatible also with ES or CommonJS modules, firstly this needs to be installed, like this:
1$ npm install tsparticles-shape-circle
or
1$ yarn add tsparticles-shape-circle
Then you need to import it in the app, like this:
1const { tsParticles } = require("tsparticles-engine"); 2const { loadCircleShape } = require("tsparticles-shape-circle"); 3 4(async () => { 5 await loadCircleShape(tsParticles); 6})();
or
1import { tsParticles } from "tsparticles-engine"; 2import { loadCircleShape } from "tsparticles-shape-circle"; 3 4(async () => { 5 await loadCircleShape(tsParticles); 6})();
No vulnerabilities found.
Reason
30 commit(s) and 8 issue activity found in the last 90 days -- score normalized to 10
Reason
license file detected
Details
Reason
security policy file detected
Details
Reason
no dangerous workflow patterns detected
Reason
no binaries found in the repo
Reason
SAST tool detected but not run on all commits
Details
Reason
Found 0/2 approved changesets -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
Project has not signed or included provenance with any releases.
Details
Reason
project is not fuzzed
Details
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
Reason
13 existing vulnerabilities detected
Details
Score
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