npmpackage.info

Gathering detailed insights and metrics for @tsparticles/preset-big-circles

Other packages similar to @tsparticles/preset-big-circles

tsparticles-preset-big-circles

2.12.0

tsParticles big circles preset

@tsparticles/preset-big-circles

tsParticles Official Presets Repository

3.2.0

MIT

Pug

26.65 kB

4,593

Installations

npm install @tsparticles/preset-big-circles

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

22.11.0

NPM Version

lerna/8.1.3/node@v22.11.0+arm64 (darwin)

Score

69.7

Supply Chain

95.5

Quality

79.7

Maintenance

100

Vulnerability

License

Pull Requests

Open

10

Total

107

Closed

29

Merged

68

Issues

Open

2

Total

3

Closed

1

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View all 1 contributors

Languages

Pug

TypeScript

JavaScript

CSS

Stylus

HTML

Shell

Pug (38.87%)

TypeScript (36.51%)

JavaScript (21.18%)

CSS (1.53%)

Stylus (1.48%)

HTML (0.35%)

Shell (0.08%)

Developer

tsparticles

Download Statistics

Total Downloads

4,593

Last Day

Last Week

Last Month

Last Year

3,460

GitHub Statistics

21 Stars

205 Commits

3 Forks

3 Watching

12 Branches

1 Contributors

Bundle Size

96.99 kB

Minified

26.65 kB

Minified + Gzipped

Bundlephobia

Sponsor this package

https://github.com/sponsors/matteobruni https://github.com/sponsors/tsparticles https://www.buymeacoffee.com/matteobruni

Maintainers

Package Meta Information

Latest Version

3.2.0

Package Id

@tsparticles/preset-big-circles@3.2.0

Unpacked Size

1.09 MB

Size

194.06 kB

File Count

NPM Version

lerna/8.1.3/node@v22.11.0+arm64 (darwin)

Node Version

22.11.0

Publised On

24 Nov 2024

Total Downloads

Cumulative downloads

Total Downloads

4,593

Last day

200%

Compared to previous day

Last week

166.7%

Compared to previous week

Last month

1.3%

Compared to previous month

Last year

223.7%

3,460

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@tsparticles/basic @tsparticles/engine @tsparticles/plugin-emitters @tsparticles/plugin-emitters-shape-square

Versions

tsParticles Big Circles Preset

tsParticles preset for big colored circles on a white background.

Sample

How to use it

CDN / Vanilla JS / jQuery

1<script src="https://cdn.jsdelivr.net/npm/@tsparticles/preset-big-circles@3/tsparticles.preset.bigCircles.bundle.min.js"></script>

Usage

Once the scripts are loaded you can set up tsParticles like this:

1(async () => {
2  await loadBigCirclesPreset(tsParticles);
3
4  await tsParticles.load({
5    id: "tsparticles",
6    options: {
7      preset: "bigCircles", // also "big-circles" is accepted
8    },
9  });
10})();

Customization

Important ⚠️ You can override all the options defining the properties like in any standard tsParticles installation.

1tsParticles.load({
2  id: "tsparticles",
3  options: {
4    particles: {
5      shape: {
6        type: "square", // starting from v2, this require the square shape script
7      },
8    },
9    preset: "bigCircles", // also "big-circles" is accepted
10  },
11});

Like in the sample above, the circles will be replaced by squares.

Frameworks with a tsParticles component library

Checkout the documentation in the component library repository and call the loadBigCirclesPreset function instead of loadFull, loadSlim or similar functions.

The options shown above are valid for all the component libraries.

1flowchart TD
2
3subgraph pl [Plugins]
4ple[Emitters]
5end
6
7bb[tsParticles Basic] --> pl
8
9subgraph pr [Presets]
10prbi[Big Circles]
11end
12
13bb & ple --> prbi

No vulnerabilities found.

No security vulnerabilities found.