The Autonomous AI Cursor Engine for the Modern Web.

<!-- 1. Include the script -->
<script src="https://cursorswarm.pages.dev/cursor-swarm.js"></script>

<script>
  // Auto-start on page load: Rebuilds page then transitions to mouse flocking!
  window.addEventListener('DOMContentLoaded', () => {
    CursorSwarm.start({
      cursorCount: 24,
      speed: 1.5,
      flockAfterRebuild: true, // Automatically switches to mouse flocking when done!
      names: ["Designer", "Dev", "Architect", "AI Bot"]
    });
  });
</script>

// 1. Add CDN to index.html or app/layout.js:
// <script src="https://cursorswarm.pages.dev/cursor-swarm.js"></script>

import { useEffect } from 'react';

export default function App() {
  useEffect(() => {
    if (window.CursorSwarm) {
      window.CursorSwarm.start({
        cursorCount: 20,
        speed: 1.5,
        flockAfterRebuild: true
      });
    }
  }, []);

  return <div>My Application</div>;
}

<!-- 1. Add CDN to index.html: <script src="https://cursorswarm.pages.dev/cursor-swarm.js"></script> -->
<script setup>
import { onMounted } from 'vue';

onMounted(() => {
  if (window.CursorSwarm) {
    window.CursorSwarm.start({ cursorCount: 20, flockAfterRebuild: true });
  }
});
</script>

<!-- Paste in Webflow / WordPress Footer Custom Code: -->
<script src="https://cursorswarm.pages.dev/cursor-swarm.js"></script>
<script>
  document.addEventListener('DOMContentLoaded', () => {
    window.CursorSwarm.start({
      cursorCount: 20,
      speed: 1.5,
      flockAfterRebuild: true
    });
  });
</script>