Codync
A free, open-source 1:1 alternative to Grok Bot and Muse. Message Claude Code, Codex, Cursor and 40+ coding agents as persistent bots from your iPhone, Mac or Linux desktop. Group chats, threads, appr
Gyros — A JavaScript library for creating shiny effects on HTML elements using gyroscope or mouse movement.
Developer toolsJavaScript · HTMLGitHub @PrimajinOnlineOwner unconfirmed
Have you tried it? One tap is enough. No sign-in needed.
Special colors in css using gyroscope.
Translation pending
Taken from the repository README
Loading the full README.
Read the full README ↗A JavaScript library for creating shiny effects on HTML elements using gyroscope or mouse movement.
npm i @primajin/gyros
# or
pnpm add @primajin/gyros
# or
yarn add @primajin/gyros
# or
bun add @primajin/gyros
<div class="gyros-element"></div>
import Gyros from '@primajin/gyros';
new Gyros('.gyros-element');
You can pass an options object as the second argument to the Gyros constructor.
| Option | Type | Default | Description |
|---|---|---|---|
material | string or object | 'gold' | The material to use for the shiny effect. Can be a predefined material name or a custom material object. |
shininess | string | 'polished' | The shininess level to use. Can be 'polished' or 'matte'. |
fallback | array | ['gyroscope', 'mouse', 'static'] | The order of fallback mechanisms to use. The static gradient is always applied first, even if 'static' is omitted, and is then replaced by gyroscope or mouse updates. |
sensitivity | number | 50 | The update frequency of the effect, in milliseconds. A lower number means more frequent updates. |
You can create your own custom materials by passing an object to the material option.
new Gyros('.gyros-element', {
material: {
polished: ['#ff0000', '#00ff00', '#0000ff'],
matte: ['#800000', '#008000', '#000080'],
}
});