https://github.com/tsparticles/webcomponents

Web Components tsParticles official component
https://github.com/tsparticles/webcomponents

hacktoberfest javascript tsparticles typescript webcomponents

Last synced: 5 months ago
JSON representation

Web Components tsParticles official component

• Host: GitHub
• URL: https://github.com/tsparticles/webcomponents
• Owner: tsparticles
• License: mit
• Created: 2022-11-11T00:50:16.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2025-04-28T07:58:29.000Z (6 months ago)
• Last Synced: 2025-04-28T08:42:42.544Z (6 months ago)
• Topics: hacktoberfest, javascript, tsparticles, typescript, webcomponents
• Language: TypeScript
• Homepage:
• Size: 225 KB
• Stars: 7
• Watchers: 3
• Forks: 0
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

          
[![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)

# web-particles

[![npm](https://img.shields.io/npm/v/web-particles)](https://www.npmjs.com/package/web-particles) [![npm](https://img.shields.io/npm/dm/web-particles)](https://www.npmjs.com/package/web-particles) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/web-particles)

Official [tsParticles](https://github.com/matteobruni/tsparticles) Web Component

[![Discord](https://particles.js.org/images/discord.png)](https://discord.gg/hACwv45Hme) [![Telegram](https://particles.js.org/images/telegram.png)](https://t.me/tsparticles)

[![tsParticles Product Hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=186113&theme=light)](https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-tsparticles") 

## Installation

```shell script

yarn add web-particles

```

## Usage

### Demo config

```html

```

## Demos

The demo website is [here](https://particles.js.org)

There's also a CodePen collection actively maintained and updated [here](https://codepen.io/collection/DPOage)