Quick Start

Get up and running with Anti-AI UI Framework in under 5 minutes.

Installation

npm
1.npm install anti-ai-ui

React Example

Import and use components in your React app:

App.jsx
1.import { RunawayButton } from 'anti-ai-ui';
2.

3.function App() {
4.  return (
5.    <div style={{ position: 'relative', height: '200px' }}>
6.      <RunawayButton
7.        evasionDistance={150}
8.        onCatch={() => alert('You got me!')}
9.      >
10.        Try to click me!
11.      </RunawayButton>
12.    </div>
13.  );
14.}

Vanilla JavaScript Example

Use with plain JavaScript:

main.js
1.import { makeButtonRunaway } from 'anti-ai-ui/vanilla';
2.

3.const button = document.getElementById('my-button');
4.

5.makeButtonRunaway(button, {
6.  evasionDistance: 150,
7.  onRealClick: () => alert('You got me!')
8.});

Next Steps