Complete catalog

236 ways to communicate progress.

Handcrafted signatures and staples first, then 200 structural recipes built from twenty visual forms and ten motion topologies. Color, size, speed, and state stay as controls, not catalog variants.

Page 3 of 6

Loaders 91-135

Use case
Technology
CSS / SVG 7.5 KB gzip

Satellite geometry using march motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** March Satellite: satellite geometry driven by the march motion recipe. */
export const OrbuxMarchSatellite = defineGeneratedLoader('march-satellite');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-march-satellite': InstanceType<typeof OrbuxMarchSatellite>;
  }
}
CSS / SVG 7.5 KB gzip

Signal geometry using march motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** March Signal: signal geometry driven by the march motion recipe. */
export const OrbuxMarchSignal = defineGeneratedLoader('march-signal');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-march-signal': InstanceType<typeof OrbuxMarchSignal>;
  }
}
CSS / SVG 7.5 KB gzip

Sonar geometry using march motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** March Sonar: sonar geometry driven by the march motion recipe. */
export const OrbuxMarchSonar = defineGeneratedLoader('march-sonar');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-march-sonar': InstanceType<typeof OrbuxMarchSonar>;
  }
}
CSS / SVG 7.5 KB gzip

Tracer geometry using march motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** March Tracer: tracer geometry driven by the march motion recipe. */
export const OrbuxMarchTracer = defineGeneratedLoader('march-tracer');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-march-tracer': InstanceType<typeof OrbuxMarchTracer>;
  }
}
CSS / SVG 7.5 KB gzip

Vortex geometry using march motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** March Vortex: vortex geometry driven by the march motion recipe. */
export const OrbuxMarchVortex = defineGeneratedLoader('march-vortex');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-march-vortex': InstanceType<typeof OrbuxMarchVortex>;
  }
}
CSS / SVG 7.5 KB gzip

Waveform geometry using march motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** March Waveform: waveform geometry driven by the march motion recipe. */
export const OrbuxMarchWaveform = defineGeneratedLoader('march-waveform');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-march-waveform': InstanceType<typeof OrbuxMarchWaveform>;
  }
}
CSS / SVG 7.5 KB gzip

Beacon geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Beacon: beacon geometry driven by the orbit motion recipe. */
export const OrbuxOrbitBeacon = defineGeneratedLoader('orbit-beacon');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-beacon': InstanceType<typeof OrbuxOrbitBeacon>;
  }
}
CSS / SVG 7.5 KB gzip

Beads geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Beads: beads geometry driven by the orbit motion recipe. */
export const OrbuxOrbitBeads = defineGeneratedLoader('orbit-beads');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-beads': InstanceType<typeof OrbuxOrbitBeads>;
  }
}
CSS / SVG 7.5 KB gzip

Bloom geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Bloom: bloom geometry driven by the orbit motion recipe. */
export const OrbuxOrbitBloom = defineGeneratedLoader('orbit-bloom');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-bloom': InstanceType<typeof OrbuxOrbitBloom>;
  }
}
CSS / SVG 7.5 KB gzip

Cascade geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Cascade: cascade geometry driven by the orbit motion recipe. */
export const OrbuxOrbitCascade = defineGeneratedLoader('orbit-cascade');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-cascade': InstanceType<typeof OrbuxOrbitCascade>;
  }
}
CSS / SVG 7.5 KB gzip

Columns geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Columns: columns geometry driven by the orbit motion recipe. */
export const OrbuxOrbitColumns = defineGeneratedLoader('orbit-columns');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-columns': InstanceType<typeof OrbuxOrbitColumns>;
  }
}
CSS / SVG 7.5 KB gzip

Filament geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Filament: filament geometry driven by the orbit motion recipe. */
export const OrbuxOrbitFilament = defineGeneratedLoader('orbit-filament');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-filament': InstanceType<typeof OrbuxOrbitFilament>;
  }
}
CSS / SVG 7.5 KB gzip

Glyph geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Glyph: glyph geometry driven by the orbit motion recipe. */
export const OrbuxOrbitGlyph = defineGeneratedLoader('orbit-glyph');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-glyph': InstanceType<typeof OrbuxOrbitGlyph>;
  }
}
CSS / SVG 7.5 KB gzip

Halo geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Halo: halo geometry driven by the orbit motion recipe. */
export const OrbuxOrbitHalo = defineGeneratedLoader('orbit-halo');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-halo': InstanceType<typeof OrbuxOrbitHalo>;
  }
}
CSS / SVG 7.5 KB gzip

Helix geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Helix: helix geometry driven by the orbit motion recipe. */
export const OrbuxOrbitHelix = defineGeneratedLoader('orbit-helix');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-helix': InstanceType<typeof OrbuxOrbitHelix>;
  }
}
CSS / SVG 7.5 KB gzip

Matrix geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Matrix: matrix geometry driven by the orbit motion recipe. */
export const OrbuxOrbitMatrix = defineGeneratedLoader('orbit-matrix');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-matrix': InstanceType<typeof OrbuxOrbitMatrix>;
  }
}
CSS / SVG 7.5 KB gzip

Mesh geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Mesh: mesh geometry driven by the orbit motion recipe. */
export const OrbuxOrbitMesh = defineGeneratedLoader('orbit-mesh');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-mesh': InstanceType<typeof OrbuxOrbitMesh>;
  }
}
CSS / SVG 7.5 KB gzip

Portal geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Portal: portal geometry driven by the orbit motion recipe. */
export const OrbuxOrbitPortal = defineGeneratedLoader('orbit-portal');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-portal': InstanceType<typeof OrbuxOrbitPortal>;
  }
}
CSS / SVG 7.5 KB gzip

Prism geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Prism: prism geometry driven by the orbit motion recipe. */
export const OrbuxOrbitPrism = defineGeneratedLoader('orbit-prism');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-prism': InstanceType<typeof OrbuxOrbitPrism>;
  }
}
CSS / SVG 7.5 KB gzip

Ripple geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Ripple: ripple geometry driven by the orbit motion recipe. */
export const OrbuxOrbitRipple = defineGeneratedLoader('orbit-ripple');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-ripple': InstanceType<typeof OrbuxOrbitRipple>;
  }
}
CSS / SVG 7.5 KB gzip

Satellite geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Satellite: satellite geometry driven by the orbit motion recipe. */
export const OrbuxOrbitSatellite = defineGeneratedLoader('orbit-satellite');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-satellite': InstanceType<typeof OrbuxOrbitSatellite>;
  }
}
CSS / SVG 7.5 KB gzip

Signal geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Signal: signal geometry driven by the orbit motion recipe. */
export const OrbuxOrbitSignal = defineGeneratedLoader('orbit-signal');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-signal': InstanceType<typeof OrbuxOrbitSignal>;
  }
}
CSS / SVG 7.5 KB gzip

Sonar geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Sonar: sonar geometry driven by the orbit motion recipe. */
export const OrbuxOrbitSonar = defineGeneratedLoader('orbit-sonar');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-sonar': InstanceType<typeof OrbuxOrbitSonar>;
  }
}
CSS / SVG 7.5 KB gzip

Tracer geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Tracer: tracer geometry driven by the orbit motion recipe. */
export const OrbuxOrbitTracer = defineGeneratedLoader('orbit-tracer');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-tracer': InstanceType<typeof OrbuxOrbitTracer>;
  }
}
CSS / SVG 7.5 KB gzip

Vortex geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Vortex: vortex geometry driven by the orbit motion recipe. */
export const OrbuxOrbitVortex = defineGeneratedLoader('orbit-vortex');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-vortex': InstanceType<typeof OrbuxOrbitVortex>;
  }
}
CSS / SVG 7.5 KB gzip

Waveform geometry using orbit motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Orbit Waveform: waveform geometry driven by the orbit motion recipe. */
export const OrbuxOrbitWaveform = defineGeneratedLoader('orbit-waveform');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-orbit-waveform': InstanceType<typeof OrbuxOrbitWaveform>;
  }
}
CSS / SVG 7.5 KB gzip

Beacon geometry using pulse motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Pulse Beacon: beacon geometry driven by the pulse motion recipe. */
export const OrbuxPulseBeacon = defineGeneratedLoader('pulse-beacon');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-pulse-beacon': InstanceType<typeof OrbuxPulseBeacon>;
  }
}
CSS / SVG 7.5 KB gzip

Beads geometry using pulse motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Pulse Beads: beads geometry driven by the pulse motion recipe. */
export const OrbuxPulseBeads = defineGeneratedLoader('pulse-beads');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-pulse-beads': InstanceType<typeof OrbuxPulseBeads>;
  }
}
CSS / SVG 7.5 KB gzip

Bloom geometry using pulse motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Pulse Bloom: bloom geometry driven by the pulse motion recipe. */
export const OrbuxPulseBloom = defineGeneratedLoader('pulse-bloom');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-pulse-bloom': InstanceType<typeof OrbuxPulseBloom>;
  }
}
CSS / SVG 7.5 KB gzip

Cascade geometry using pulse motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Pulse Cascade: cascade geometry driven by the pulse motion recipe. */
export const OrbuxPulseCascade = defineGeneratedLoader('pulse-cascade');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-pulse-cascade': InstanceType<typeof OrbuxPulseCascade>;
  }
}
CSS / SVG 7.5 KB gzip

Columns geometry using pulse motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Pulse Columns: columns geometry driven by the pulse motion recipe. */
export const OrbuxPulseColumns = defineGeneratedLoader('pulse-columns');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-pulse-columns': InstanceType<typeof OrbuxPulseColumns>;
  }
}
CSS / SVG 7.5 KB gzip

Filament geometry using pulse motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Pulse Filament: filament geometry driven by the pulse motion recipe. */
export const OrbuxPulseFilament = defineGeneratedLoader('pulse-filament');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-pulse-filament': InstanceType<typeof OrbuxPulseFilament>;
  }
}
CSS / SVG 7.5 KB gzip

Glyph geometry using pulse motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Pulse Glyph: glyph geometry driven by the pulse motion recipe. */
export const OrbuxPulseGlyph = defineGeneratedLoader('pulse-glyph');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-pulse-glyph': InstanceType<typeof OrbuxPulseGlyph>;
  }
}
CSS / SVG 7.5 KB gzip

Halo geometry using pulse motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Pulse Halo: halo geometry driven by the pulse motion recipe. */
export const OrbuxPulseHalo = defineGeneratedLoader('pulse-halo');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-pulse-halo': InstanceType<typeof OrbuxPulseHalo>;
  }
}
CSS / SVG 7.5 KB gzip

Helix geometry using pulse motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Pulse Helix: helix geometry driven by the pulse motion recipe. */
export const OrbuxPulseHelix = defineGeneratedLoader('pulse-helix');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-pulse-helix': InstanceType<typeof OrbuxPulseHelix>;
  }
}
CSS / SVG 7.5 KB gzip

Matrix geometry using pulse motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Pulse Matrix: matrix geometry driven by the pulse motion recipe. */
export const OrbuxPulseMatrix = defineGeneratedLoader('pulse-matrix');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-pulse-matrix': InstanceType<typeof OrbuxPulseMatrix>;
  }
}
CSS / SVG 7.5 KB gzip

Mesh geometry using pulse motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Pulse Mesh: mesh geometry driven by the pulse motion recipe. */
export const OrbuxPulseMesh = defineGeneratedLoader('pulse-mesh');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-pulse-mesh': InstanceType<typeof OrbuxPulseMesh>;
  }
}
CSS / SVG 7.5 KB gzip

Portal geometry using pulse motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Pulse Portal: portal geometry driven by the pulse motion recipe. */
export const OrbuxPulsePortal = defineGeneratedLoader('pulse-portal');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-pulse-portal': InstanceType<typeof OrbuxPulsePortal>;
  }
}
CSS / SVG 7.5 KB gzip

Prism geometry using pulse motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Pulse Prism: prism geometry driven by the pulse motion recipe. */
export const OrbuxPulsePrism = defineGeneratedLoader('pulse-prism');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-pulse-prism': InstanceType<typeof OrbuxPulsePrism>;
  }
}
CSS / SVG 7.5 KB gzip

Ripple geometry using pulse motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Pulse Ripple: ripple geometry driven by the pulse motion recipe. */
export const OrbuxPulseRipple = defineGeneratedLoader('pulse-ripple');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-pulse-ripple': InstanceType<typeof OrbuxPulseRipple>;
  }
}
CSS / SVG 7.5 KB gzip

Satellite geometry using pulse motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Pulse Satellite: satellite geometry driven by the pulse motion recipe. */
export const OrbuxPulseSatellite = defineGeneratedLoader('pulse-satellite');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-pulse-satellite': InstanceType<typeof OrbuxPulseSatellite>;
  }
}
CSS / SVG 7.5 KB gzip

Signal geometry using pulse motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Pulse Signal: signal geometry driven by the pulse motion recipe. */
export const OrbuxPulseSignal = defineGeneratedLoader('pulse-signal');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-pulse-signal': InstanceType<typeof OrbuxPulseSignal>;
  }
}
CSS / SVG 7.5 KB gzip

Sonar geometry using pulse motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Pulse Sonar: sonar geometry driven by the pulse motion recipe. */
export const OrbuxPulseSonar = defineGeneratedLoader('pulse-sonar');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-pulse-sonar': InstanceType<typeof OrbuxPulseSonar>;
  }
}
CSS / SVG 7.5 KB gzip

Tracer geometry using pulse motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Pulse Tracer: tracer geometry driven by the pulse motion recipe. */
export const OrbuxPulseTracer = defineGeneratedLoader('pulse-tracer');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-pulse-tracer': InstanceType<typeof OrbuxPulseTracer>;
  }
}
CSS / SVG 7.5 KB gzip

Vortex geometry using pulse motion with state-specific transitions.

View details HTML
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';

/** Pulse Vortex: vortex geometry driven by the pulse motion recipe. */
export const OrbuxPulseVortex = defineGeneratedLoader('pulse-vortex');

declare global {
  interface HTMLElementTagNameMap {
    'orbux-pulse-vortex': InstanceType<typeof OrbuxPulseVortex>;
  }
}