@micrographics-js/core

Shared animation utilities for the Micrographics component library.

This package provides the low-level primitives that power all Micrographics components: deterministic RNG, easing functions, animation tickers, typewriter effects, and glitch text generators.

Install

npm install @micrographics-js/core

This package is free and open source (MIT license). It's automatically installed as a dependency of all Micrographics framework packages.

What's inside

| Module | Exports | Description | |--------|---------|-------------| | utils/rng | seeded(n) | Deterministic pseudo-random number generator for consistent visuals | | utils/easing | easeInOut, easeOut, linear | Standard easing functions for smooth animations | | utils/paths | pixelDiamondPath, cornerPath | SVG path generators for pixel-crisp shapes | | animations/ticker | createTicker(ms, cb) | Interval-based animation loop with automatic cleanup | | animations/typewriter | typeIn(text, speed) | Character-by-character text reveal | | animations/glitch | glitchText(text, intensity), scramble(text) | Text distortion effects |

License Validation

After purchasing Micrographics, add this once in your app entry point:

import { initLicense } from "@micrographics-js/core";
initLicense("your-license-key");

Components render for 60 seconds without a license (trial mode), then stop. Valid license = renders forever.

Usage

import { createTicker, seeded, glitchText, initLicense } from "@micrographics-js/core";

// License (call once at app startup)
initLicense("your-license-key");

// Animation loop — returns cleanup function
const stop = createTicker(200, () => {
  console.log("tick");
});
// Later: stop();

// Deterministic random
seeded(42); // always returns the same value

// Glitch text
glitchText("HELLO", 0.3); // "HE▓LO" (random distortion)

Part of Micrographics

84 animated micro-UI components for React, Vue, Svelte & Vanilla Web Components. Dark industrial terminal aesthetic. Pure SVG. CSS custom properties. Zero runtime dependencies.

• @micrographics-js/react
• @micrographics-js/vue
• @micrographics-js/svelte
• @micrographics-js/vanilla
• @micrographics-js/tailwind

License

MIT