// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Drift Matrix: matrix geometry driven by the drift motion recipe. */
export const OrbuxDriftMatrix = defineGeneratedLoader('drift-matrix');
declare global {
interface HTMLElementTagNameMap {
'orbux-drift-matrix': InstanceType<typeof OrbuxDriftMatrix>;
}
}
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 2 of 6
Loaders 46-90
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Drift Mesh: mesh geometry driven by the drift motion recipe. */
export const OrbuxDriftMesh = defineGeneratedLoader('drift-mesh');
declare global {
interface HTMLElementTagNameMap {
'orbux-drift-mesh': InstanceType<typeof OrbuxDriftMesh>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Drift Portal: portal geometry driven by the drift motion recipe. */
export const OrbuxDriftPortal = defineGeneratedLoader('drift-portal');
declare global {
interface HTMLElementTagNameMap {
'orbux-drift-portal': InstanceType<typeof OrbuxDriftPortal>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Drift Prism: prism geometry driven by the drift motion recipe. */
export const OrbuxDriftPrism = defineGeneratedLoader('drift-prism');
declare global {
interface HTMLElementTagNameMap {
'orbux-drift-prism': InstanceType<typeof OrbuxDriftPrism>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Drift Ripple: ripple geometry driven by the drift motion recipe. */
export const OrbuxDriftRipple = defineGeneratedLoader('drift-ripple');
declare global {
interface HTMLElementTagNameMap {
'orbux-drift-ripple': InstanceType<typeof OrbuxDriftRipple>;
}
}
Satellite geometry using drift motion with state-specific transitions.
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Drift Satellite: satellite geometry driven by the drift motion recipe. */
export const OrbuxDriftSatellite = defineGeneratedLoader('drift-satellite');
declare global {
interface HTMLElementTagNameMap {
'orbux-drift-satellite': InstanceType<typeof OrbuxDriftSatellite>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Drift Signal: signal geometry driven by the drift motion recipe. */
export const OrbuxDriftSignal = defineGeneratedLoader('drift-signal');
declare global {
interface HTMLElementTagNameMap {
'orbux-drift-signal': InstanceType<typeof OrbuxDriftSignal>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Drift Sonar: sonar geometry driven by the drift motion recipe. */
export const OrbuxDriftSonar = defineGeneratedLoader('drift-sonar');
declare global {
interface HTMLElementTagNameMap {
'orbux-drift-sonar': InstanceType<typeof OrbuxDriftSonar>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Drift Tracer: tracer geometry driven by the drift motion recipe. */
export const OrbuxDriftTracer = defineGeneratedLoader('drift-tracer');
declare global {
interface HTMLElementTagNameMap {
'orbux-drift-tracer': InstanceType<typeof OrbuxDriftTracer>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Drift Vortex: vortex geometry driven by the drift motion recipe. */
export const OrbuxDriftVortex = defineGeneratedLoader('drift-vortex');
declare global {
interface HTMLElementTagNameMap {
'orbux-drift-vortex': InstanceType<typeof OrbuxDriftVortex>;
}
}
Waveform geometry using drift motion with state-specific transitions.
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Drift Waveform: waveform geometry driven by the drift motion recipe. */
export const OrbuxDriftWaveform = defineGeneratedLoader('drift-waveform');
declare global {
interface HTMLElementTagNameMap {
'orbux-drift-waveform': InstanceType<typeof OrbuxDriftWaveform>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Beacon: beacon geometry driven by the fold motion recipe. */
export const OrbuxFoldBeacon = defineGeneratedLoader('fold-beacon');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-beacon': InstanceType<typeof OrbuxFoldBeacon>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Beads: beads geometry driven by the fold motion recipe. */
export const OrbuxFoldBeads = defineGeneratedLoader('fold-beads');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-beads': InstanceType<typeof OrbuxFoldBeads>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Bloom: bloom geometry driven by the fold motion recipe. */
export const OrbuxFoldBloom = defineGeneratedLoader('fold-bloom');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-bloom': InstanceType<typeof OrbuxFoldBloom>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Cascade: cascade geometry driven by the fold motion recipe. */
export const OrbuxFoldCascade = defineGeneratedLoader('fold-cascade');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-cascade': InstanceType<typeof OrbuxFoldCascade>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Columns: columns geometry driven by the fold motion recipe. */
export const OrbuxFoldColumns = defineGeneratedLoader('fold-columns');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-columns': InstanceType<typeof OrbuxFoldColumns>;
}
}
Filament geometry using fold motion with state-specific transitions.
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Filament: filament geometry driven by the fold motion recipe. */
export const OrbuxFoldFilament = defineGeneratedLoader('fold-filament');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-filament': InstanceType<typeof OrbuxFoldFilament>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Glyph: glyph geometry driven by the fold motion recipe. */
export const OrbuxFoldGlyph = defineGeneratedLoader('fold-glyph');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-glyph': InstanceType<typeof OrbuxFoldGlyph>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Halo: halo geometry driven by the fold motion recipe. */
export const OrbuxFoldHalo = defineGeneratedLoader('fold-halo');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-halo': InstanceType<typeof OrbuxFoldHalo>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Helix: helix geometry driven by the fold motion recipe. */
export const OrbuxFoldHelix = defineGeneratedLoader('fold-helix');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-helix': InstanceType<typeof OrbuxFoldHelix>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Matrix: matrix geometry driven by the fold motion recipe. */
export const OrbuxFoldMatrix = defineGeneratedLoader('fold-matrix');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-matrix': InstanceType<typeof OrbuxFoldMatrix>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Mesh: mesh geometry driven by the fold motion recipe. */
export const OrbuxFoldMesh = defineGeneratedLoader('fold-mesh');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-mesh': InstanceType<typeof OrbuxFoldMesh>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Portal: portal geometry driven by the fold motion recipe. */
export const OrbuxFoldPortal = defineGeneratedLoader('fold-portal');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-portal': InstanceType<typeof OrbuxFoldPortal>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Prism: prism geometry driven by the fold motion recipe. */
export const OrbuxFoldPrism = defineGeneratedLoader('fold-prism');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-prism': InstanceType<typeof OrbuxFoldPrism>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Ripple: ripple geometry driven by the fold motion recipe. */
export const OrbuxFoldRipple = defineGeneratedLoader('fold-ripple');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-ripple': InstanceType<typeof OrbuxFoldRipple>;
}
}
Satellite geometry using fold motion with state-specific transitions.
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Satellite: satellite geometry driven by the fold motion recipe. */
export const OrbuxFoldSatellite = defineGeneratedLoader('fold-satellite');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-satellite': InstanceType<typeof OrbuxFoldSatellite>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Signal: signal geometry driven by the fold motion recipe. */
export const OrbuxFoldSignal = defineGeneratedLoader('fold-signal');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-signal': InstanceType<typeof OrbuxFoldSignal>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Sonar: sonar geometry driven by the fold motion recipe. */
export const OrbuxFoldSonar = defineGeneratedLoader('fold-sonar');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-sonar': InstanceType<typeof OrbuxFoldSonar>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Tracer: tracer geometry driven by the fold motion recipe. */
export const OrbuxFoldTracer = defineGeneratedLoader('fold-tracer');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-tracer': InstanceType<typeof OrbuxFoldTracer>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Vortex: vortex geometry driven by the fold motion recipe. */
export const OrbuxFoldVortex = defineGeneratedLoader('fold-vortex');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-vortex': InstanceType<typeof OrbuxFoldVortex>;
}
}
Waveform geometry using fold motion with state-specific transitions.
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** Fold Waveform: waveform geometry driven by the fold motion recipe. */
export const OrbuxFoldWaveform = defineGeneratedLoader('fold-waveform');
declare global {
interface HTMLElementTagNameMap {
'orbux-fold-waveform': InstanceType<typeof OrbuxFoldWaveform>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** March Beacon: beacon geometry driven by the march motion recipe. */
export const OrbuxMarchBeacon = defineGeneratedLoader('march-beacon');
declare global {
interface HTMLElementTagNameMap {
'orbux-march-beacon': InstanceType<typeof OrbuxMarchBeacon>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** March Beads: beads geometry driven by the march motion recipe. */
export const OrbuxMarchBeads = defineGeneratedLoader('march-beads');
declare global {
interface HTMLElementTagNameMap {
'orbux-march-beads': InstanceType<typeof OrbuxMarchBeads>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** March Bloom: bloom geometry driven by the march motion recipe. */
export const OrbuxMarchBloom = defineGeneratedLoader('march-bloom');
declare global {
interface HTMLElementTagNameMap {
'orbux-march-bloom': InstanceType<typeof OrbuxMarchBloom>;
}
}
Cascade geometry using march motion with state-specific transitions.
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** March Cascade: cascade geometry driven by the march motion recipe. */
export const OrbuxMarchCascade = defineGeneratedLoader('march-cascade');
declare global {
interface HTMLElementTagNameMap {
'orbux-march-cascade': InstanceType<typeof OrbuxMarchCascade>;
}
}
Columns geometry using march motion with state-specific transitions.
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** March Columns: columns geometry driven by the march motion recipe. */
export const OrbuxMarchColumns = defineGeneratedLoader('march-columns');
declare global {
interface HTMLElementTagNameMap {
'orbux-march-columns': InstanceType<typeof OrbuxMarchColumns>;
}
}
Filament geometry using march motion with state-specific transitions.
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** March Filament: filament geometry driven by the march motion recipe. */
export const OrbuxMarchFilament = defineGeneratedLoader('march-filament');
declare global {
interface HTMLElementTagNameMap {
'orbux-march-filament': InstanceType<typeof OrbuxMarchFilament>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** March Glyph: glyph geometry driven by the march motion recipe. */
export const OrbuxMarchGlyph = defineGeneratedLoader('march-glyph');
declare global {
interface HTMLElementTagNameMap {
'orbux-march-glyph': InstanceType<typeof OrbuxMarchGlyph>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** March Halo: halo geometry driven by the march motion recipe. */
export const OrbuxMarchHalo = defineGeneratedLoader('march-halo');
declare global {
interface HTMLElementTagNameMap {
'orbux-march-halo': InstanceType<typeof OrbuxMarchHalo>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** March Helix: helix geometry driven by the march motion recipe. */
export const OrbuxMarchHelix = defineGeneratedLoader('march-helix');
declare global {
interface HTMLElementTagNameMap {
'orbux-march-helix': InstanceType<typeof OrbuxMarchHelix>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** March Matrix: matrix geometry driven by the march motion recipe. */
export const OrbuxMarchMatrix = defineGeneratedLoader('march-matrix');
declare global {
interface HTMLElementTagNameMap {
'orbux-march-matrix': InstanceType<typeof OrbuxMarchMatrix>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** March Mesh: mesh geometry driven by the march motion recipe. */
export const OrbuxMarchMesh = defineGeneratedLoader('march-mesh');
declare global {
interface HTMLElementTagNameMap {
'orbux-march-mesh': InstanceType<typeof OrbuxMarchMesh>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** March Portal: portal geometry driven by the march motion recipe. */
export const OrbuxMarchPortal = defineGeneratedLoader('march-portal');
declare global {
interface HTMLElementTagNameMap {
'orbux-march-portal': InstanceType<typeof OrbuxMarchPortal>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** March Prism: prism geometry driven by the march motion recipe. */
export const OrbuxMarchPrism = defineGeneratedLoader('march-prism');
declare global {
interface HTMLElementTagNameMap {
'orbux-march-prism': InstanceType<typeof OrbuxMarchPrism>;
}
}
// Generated by scripts/generate-recipe-catalog.mjs. Edit recipe-catalog.json or generated-loader.ts instead.
import { defineGeneratedLoader } from '../generated-loader.js';
/** March Ripple: ripple geometry driven by the march motion recipe. */
export const OrbuxMarchRipple = defineGeneratedLoader('march-ripple');
declare global {
interface HTMLElementTagNameMap {
'orbux-march-ripple': InstanceType<typeof OrbuxMarchRipple>;
}
}
No loaders on this page match those filters. Try another page or clear a filter.