@tsparticles/preset-links
v3.1.0
Published
tsParticles links preset
Downloads
1,241
Keywords
Readme
tsParticles Links Preset
tsParticles preset for creating a particles web created by link lines between them.
Sample
How to use it
CDN / Vanilla JS / jQuery
<script src="https://cdn.jsdelivr.net/npm/@tsparticles/preset-links@3/tsparticles.preset.links.min.js"></script>
Usage
Once the scripts are loaded you can set up tsParticles
like this:
(async () => {
await loadLinksPreset(tsParticles);
await tsParticles.load({
id: "tsparticles",
options: {
preset: "links",
},
});
})();
Customization
Important ⚠️
You can override all the options defining the properties like in any standard tsParticles
installation.
tsParticles.load({
id: "tsparticles",
options: {
particles: {
shape: {
type: "square", // starting from v2, this require the square shape script
},
},
preset: "links",
},
});
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 loadLinksPreset
function instead of loadFull
, loadSlim
or similar functions.
The options shown above are valid for all the component libraries.
flowchart TD
subgraph i [Interactions]
subgraph ip [Particles]
ipl[Links]
end
end
bb[tsParticles Basic] --> i
subgraph pr [Presets]
prl[Links]
end
bb & ipl --> prl