@simbashrd/the-particles


> Legacy 3D engine and utilities for creative coding, now available as a modern npm package.

---

---

✨ Features

- GPU-accelerated particle systems
- WebGL rendering with three.js
- Creative coding utilities and helpers
- Ready-to-use React component (Particle)
- Modular, extensible architecture

---

🚀 Installation

``bash
npm install @simbashrd/the-particles


or


yarn add @simbashrd/the-particles
`

---

🛠 Usage

$3

`tsx
import dynamic from 'next/dynamic';

// SSR-safe import for Next.js
const Particle = dynamic(
() => import('@simbashrd/the-particles/dist/Particle'),
{ ssr: false }
);

export default function Home() {
return (


My Particle Demo


);
}
`

$3

`js
import { createParticles } from '@simbashrd/the-particles';

const container = document.getElementById('my-canvas');
createParticles(container, { / options / });
`

---

📦 API

-
React component for rendering the particle system.

- createParticles(container, options)`
Vanilla JS function to initialize particles in a DOM element.

- See USAGE.md for advanced configuration and API details.

---

🖼 Demo

Check out the demo video above!

---

📝 License

MIT © lucaimbalzano@gmail.com

---

🤝 Acknowledgements

- The Spirit is a WebGL experience by Edan Kwan, using noise derivatives and curl noise for a smoky look and feel.
- Inspired by Simo Santavirta's the new particles and David Li's Flow experiment.