<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Interactive Particles | Codrops</title>
<meta name="description" content="Demo of a tutorial on how to draw a large number of particles with Three.js and make them interactive." />
<meta name="keywords" content="three.js, tutorial, particles, interactive, javascript, webgl" />
<meta name="author" content="Bruno Imbrizi for Codrops" />
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/demo1.css" />
<script>document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables.");</script>
</head>
<body class="demo-1">
<main>
<div class="frame">
<div class="frame__title-wrap">
<h1 class="frame__title">Interactive Particles</h1>
</div>
<a class="frame__github" href="https://github.com/brunoimbrizi/interactive-particles">GitHub</a>
<div class="frame__links">
Previous Demo
Article
</div>
</div>
</main>
<div class="container"></div>
</body>
</html>