https://github.com/tsparticles/riot

Riot.js tsParticles official component
https://github.com/tsparticles/riot

hacktoberfest javascript riot tsparticles typescript

Last synced: about 1 year ago
JSON representation

Riot.js tsParticles official component

• Host: GitHub
• URL: https://github.com/tsparticles/riot
• Owner: tsparticles
• License: mit
• Created: 2022-11-11T00:52:08.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-04-30T19:31:50.000Z (about 1 year ago)
• Last Synced: 2025-04-30T20:37:30.543Z (about 1 year ago)
• Topics: hacktoberfest, javascript, riot, tsparticles, typescript
• Language: JavaScript
• Homepage:
• Size: 308 KB
• Stars: 6
• Watchers: 3
• Forks: 0
• Open Issues: 12
• 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)

# riot-particles

[![npm](https://img.shields.io/npm/v/riot-particles)](https://www.npmjs.com/package/riot-particles) [![npm downloads](https://img.shields.io/npm/dm/riot-particles)](https://www.npmjs.com/package/riot-particles) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)

Official [tsParticles](https://github.com/matteobruni/tsparticles) RiotJS 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

npm install riot-particles

```

or

```shell

yarn add riot-particles

```

## Usage

```html

    import RiotParticles from "riot-particles";

    import { loadFull } from "tsparticles";

    export default {

        components: {

            RiotParticles,

        },

    };

/>

```

## 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)