{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "isomer",
  "homepage": "https://isomer.sh",
  "items": [
    {
      "name": "aurora",
      "type": "registry:component",
      "title": "Aurora",
      "description": "The northern lights as they look to the eye. Thin, slow curtains of one green hang from a black sky, each with a bright lower hem tinted by a second colour derived from the accent. A dark accent turns the sky pale and the curtains to ink.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "accent",
          "curtains",
          "height",
          "speed",
          "grain",
          "hemTint",
          "intensity",
          "skyGlow",
          "haze",
          "foldDepth",
          "hemHeight",
          "rayShimmer"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/aurora"
        }
      }
    },
    {
      "name": "beacon",
      "type": "registry:component",
      "title": "Beacon",
      "description": "A warm red live indicator with a solid, lightly polished dot, three soft expanding rings and a faint pool of light. Pausing leaves a dim resting dot. Transparent outside its light.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "dotColor",
          "ringColor",
          "glow",
          "dotSize",
          "reach",
          "ringCount",
          "period",
          "ease",
          "grain",
          "state"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": null,
          "url": "https://isomer.sh/effects/beacon"
        }
      }
    },
    {
      "name": "beams",
      "type": "registry:component",
      "title": "Beams",
      "description": "Stage light through haze. Four soft shafts cross slowly above a black floor, with drifting dust catching the same warm light.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "accent",
          "count",
          "haze",
          "dust",
          "speed",
          "whiteness",
          "falloff",
          "glow",
          "cone",
          "splay",
          "swing",
          "billow"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/beams"
        }
      }
    },
    {
      "name": "bearing",
      "type": "registry:component",
      "title": "Bearing",
      "description": "A toggle whose thumb is a polished steel ball rolling in a milled groove. The reflection stays put while fine marks on the ball turn with the distance travelled; it overshoots, rolls back and rests. One accent lights the groove when on, and everything outside the control is transparent.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "trackColour",
          "width",
          "weight",
          "dampingRatio",
          "polish",
          "ballTint",
          "trackGlow",
          "wallShadow"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/bearing"
        }
      }
    },
    {
      "name": "breath",
      "type": "registry:component",
      "title": "Breath",
      "description": "A cold window fogged by breath. A finger clears a streak to the night street beyond; condensation beads gather at its edges and the fog grows back.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "fog",
          "regrow",
          "beads",
          "grain",
          "skyTone",
          "fogLight",
          "bloom",
          "softFocus",
          "mottle",
          "fingerWidth"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/breath"
        }
      }
    },
    {
      "name": "bulbs",
      "type": "registry:component",
      "title": "Bulbs",
      "description": "NOW SHOWING on a square grid of warm incandescent bulbs, set in two heavy lines. Every bulb stays at its cell centre, with a glass rim, hot filament and soft halo. Empty sockets and corner screws sit in a dark painted board. Light chases through the columns in reading order, with a few dim or blown bulbs.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "bulb",
          "board",
          "halo",
          "brightness",
          "glass",
          "bulbSize",
          "spacing",
          "deadBulbs",
          "chaseSpeed",
          "pattern",
          "flicker",
          "grain"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/bulbs"
        }
      }
    },
    {
      "name": "carbon",
      "type": "registry:component",
      "title": "Carbon",
      "description": "A carbon fibre card under a deep clear coat. A 2x2 twill of flat tows, each a pillow that dips under its neighbour at both ends, with fibres running along it. Every tow catches the light along its own length, so the warp tows glow where the weft tows are dark and the two swap as the card turns; the coat throws a soft studio light back over the weave and rolls a bright line along the rim. Transparent outside the card.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "tint",
          "coatColor",
          "sheen",
          "coatGloss",
          "lightAngle",
          "weave",
          "towWidth",
          "weaveAngle",
          "waviness",
          "relief",
          "striation",
          "grain",
          "tiltDepth"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/carbon"
        }
      }
    },
    {
      "name": "chalk",
      "type": "registry:component",
      "title": "Chalk",
      "description": "A headline written in chalk on a slate board. Each letter is drawn in turn, the pen working across the line, so the stroke starts out thin and broken and fills in as the chalk goes down, with a little dust falling from where the stick is working. The slate is dark green-black with faint wipes of old chalk. One shot, then still. A dark accent turns the slate to a whiteboard and the chalk to dark marker, the light treatment.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "accent",
          "write",
          "dust",
          "broken",
          "grain",
          "slateTone",
          "chalkCover",
          "chalkWidth",
          "shake",
          "ghosts",
          "chalkHaze"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/chalk"
        }
      }
    },
    {
      "name": "compass",
      "type": "registry:component",
      "title": "Compass",
      "description": "A red-tipped compass needle swings past its new heading and settles with weight. Fine dial marks, a polished pivot and a quiet glass reflection sit over a dark face. Transparent outside the dial.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "diameter",
          "weight",
          "ticks",
          "grain",
          "lightAngle",
          "glare",
          "needleWidth",
          "damping"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 99.9,
          "url": "https://isomer.sh/effects/compass"
        }
      }
    },
    {
      "name": "contour",
      "type": "registry:component",
      "title": "Contour",
      "description": "A topographic map that breathes. Fine, continuous contours follow softly shaded hills on warm paper, with heavier index lines and a few surveyed spot heights. The terrain evolves slowly, as if the land were being surveyed again.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "paper",
          "line",
          "tint",
          "hillShade",
          "lightAngle",
          "interval",
          "terrainScale",
          "indexEvery",
          "lineWeight",
          "driftSpeed",
          "grain"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/contour"
        }
      }
    },
    {
      "name": "counterroll",
      "type": "registry:component",
      "title": "Counterroll",
      "description": "Counterroll, a micro effect that renders the same on SwiftUI and the web.",
      "isomer": {
        "kind": "micro",
        "knobs": [
          "from",
          "to",
          "stiffness",
          "dampingRatio",
          "stagger"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": null,
          "url": "https://isomer.sh/effects/counterroll"
        }
      }
    },
    {
      "name": "crackle",
      "type": "registry:component",
      "title": "Crackle",
      "description": "A glazed ceramic tile. The glaze is crazed with a fine network of hairline cracks and pools darker where it lies thick; one light slides across the gloss as the phone tilts, and the cracks round its reflection catch it as thin bright lines. Transparent outside the tile.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "crazing",
          "gloss",
          "pooling",
          "grain",
          "roomLight",
          "lightHeight",
          "crackDepth",
          "stain",
          "sway"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 99.9,
          "url": "https://isomer.sh/effects/crackle"
        }
      }
    },
    {
      "name": "dotgrid",
      "type": "registry:component",
      "title": "Dotgrid",
      "description": "Tiny metal dots on black lift and lean toward a passing pointer, like iron filings drawn to a magnet. A bright patch wanders until the first pointer movement, then follows the hand and relaxes after it stops.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "accent",
          "restColor",
          "pitch",
          "dotSize",
          "stretch",
          "lift",
          "glow",
          "wanderSpeed",
          "relax",
          "reach",
          "grain"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/dotgrid"
        }
      }
    },
    {
      "name": "dunes",
      "type": "registry:component",
      "title": "Dunes",
      "description": "Wind-sculpted sand dunes at dusk. Long crests catch the last warm light on their windward faces and fall into blue shadow on the slip faces; fine ripples cover the windward slopes, a thin veil of sand blows off each crest, and the far dunes fade into haze under a dusk sky. Tilt or the pointer swings the low sun a little. A high sun and a pale sun colour give midday pale sand, the light treatment.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "sun",
          "shadow",
          "sunHeight",
          "duneScale",
          "sand",
          "sunAngle",
          "haze",
          "crestSharpness",
          "meander",
          "ripples",
          "wind",
          "spray",
          "grain",
          "sunFollow"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/dunes"
        }
      }
    },
    {
      "name": "ember",
      "type": "registry:component",
      "title": "Ember",
      "description": "Warm light rises over a dark horizon, with film grain and a slow breath. The horizon leans toward the pointer.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "accent",
          "intensity",
          "horizon",
          "speed",
          "grain",
          "whiteHot",
          "falloff",
          "rimLight",
          "planetSize",
          "rays"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/ember"
        }
      }
    },
    {
      "name": "embers",
      "type": "registry:component",
      "title": "Embers",
      "description": "A favourite button releases a small cloud of incandescent embers, each lifting, cooling and disappearing on its own path. One shot, then still, transparent over the host icon.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "count",
          "lift",
          "life",
          "grain",
          "heat",
          "halo",
          "spread",
          "eddies"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/embers"
        }
      }
    },
    {
      "name": "embroidery",
      "type": "registry:component",
      "title": "Embroidery",
      "description": "Satin thread stitched into natural linen. Fine diagonal stitches turn gently around each letter, with cylindrical highlights, soft fuzz and a raised edge casting a small shadow. The word is sewn from left to right, then holds still.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "threadColor",
          "linen",
          "sheen",
          "raise",
          "stitchAngle",
          "stitchDensity",
          "stitchSpeed",
          "linenWeave",
          "threadFuzz",
          "sizeScale",
          "lightAngle",
          "threadVariation"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/embroidery"
        }
      }
    },
    {
      "name": "engrave",
      "type": "registry:component",
      "title": "Engrave",
      "description": "A headline engraved into a brushed brass plate. Each letter is a V-cut whose two walls catch the light differently, bright fresh-cut metal on the side facing the lamp and shade on the other, darker where the cut runs deepest. The brushed grain runs across the plate, four screws hold it at the corners, and the light rakes across it as the phone tilts. Transparent outside the plate. A pale cool metal is polished steel, the light treatment.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "lightAngle",
          "sheen",
          "grooveDepth",
          "groove",
          "plateMargin",
          "screws",
          "cornerRadius",
          "brush",
          "wear",
          "grain",
          "tiltDepth"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/engrave"
        }
      }
    },
    {
      "name": "eulercoin",
      "type": "registry:component",
      "title": "Eulercoin",
      "description": "A brushed metal coin drops onto the screen, lands on its rim and settles the way a real coin does, wobbling faster and faster as it tips flat, then lies still with a soft click. One shot, transparent over the host.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "metalColor",
          "diameter",
          "settle",
          "wobble",
          "gloss",
          "mark",
          "keyAngle",
          "fillLight",
          "thickness",
          "fieldRadius",
          "dropHeight",
          "frost"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/eulercoin"
        }
      }
    },
    {
      "name": "filament",
      "type": "registry:component",
      "title": "Filament",
      "description": "A switch with a tiny tungsten bulb for a thumb. Its coiled filament warms through red and orange to warm white as the thumb springs across, then cools through the same colours when switched off. Clear outside the dark track.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "warmup",
          "weight",
          "bloom",
          "grain",
          "wireHeat",
          "trackShade",
          "glassSheen",
          "damping"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/filament"
        }
      }
    },
    {
      "name": "fireflies",
      "type": "registry:component",
      "title": "Fireflies",
      "description": "A meadow at dusk. Layers of tall grass and seed heads stand in silhouette against a deep blue sky that still holds a faint warm band over a far treeline, with mist in the low ground. Fireflies drift lazily among the grass and blink on their own slow cycles, each a tiny bright core in a soft yellow-green glow; the far ones are small and dim, the near ones larger, and a few right by the lens are soft discs. Tilt or the pointer shifts the layers against each other.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "firefly",
          "sky",
          "count",
          "glow",
          "brightness",
          "grassHeight",
          "depth",
          "drift",
          "blinkRate",
          "sway",
          "grain"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/fireflies"
        }
      }
    },
    {
      "name": "foil",
      "type": "registry:component",
      "title": "Foil",
      "description": "Fine concentric and radial engraving in silver security foil. A narrow band of diffraction follows the light across a neutral metal card.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "bandHue",
          "foilColor",
          "bandWidth",
          "sheen",
          "lineDensity",
          "patternScale",
          "ringsVsRays",
          "grain",
          "tiltDepth",
          "bandFollow"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/foil"
        }
      }
    },
    {
      "name": "frost",
      "type": "registry:component",
      "title": "Frost",
      "description": "Window frost grows inward from the edges of cold dark glass. Fine fern crystals catch one blue light, nearly covering the window before coming to rest.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "accent",
          "coverage",
          "branchiness",
          "growth",
          "grain",
          "frostWhite",
          "glassTone",
          "crystalGlow",
          "ragged",
          "boughLength",
          "pioneers",
          "mist"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/frost"
        }
      }
    },
    {
      "name": "gilt",
      "type": "registry:component",
      "title": "Gilt",
      "description": "Gold-leaf sign lettering, the kind painted on shop windows. The leaf is a patchwork of small squares, each laid at a slightly different angle, so the light picks them out one by one as the phone tilts or the pointer moves, inside a thin dark outline. Transparent around the letters.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "gold",
          "leafSize",
          "glint",
          "outline",
          "warmth",
          "windowWidth",
          "softGlow",
          "sparkle",
          "sway",
          "scatter"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/gilt"
        }
      }
    },
    {
      "name": "glasscast",
      "type": "registry:component",
      "title": "Glasscast",
      "description": "A glass card lying on a lit table. The shader draws the table and the light the card throws on it, a soft shadow with a bright focused caustic line and a faint spectral fringe; move the light and the cast moves. The host draws the card on top and feeds its rectangle in points.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "tableColor",
          "lightColor",
          "lightAngle",
          "cardHeight",
          "focus",
          "dispersion"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/glasscast"
        }
      }
    },
    {
      "name": "glassglow",
      "type": "registry:component",
      "title": "GlassGlow",
      "description": "GlassGlow, a surface shader that renders the same on SwiftUI and the web.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "glowColor",
          "glowRadius",
          "cornerRadius",
          "speed"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": null,
          "url": "https://isomer.sh/effects/glassglow"
        }
      }
    },
    {
      "name": "glitter",
      "type": "registry:component",
      "title": "Glitter",
      "description": "A dense metallic glitter coat in smoky plum. Fine rose-silver flakes cover the whole surface, with a bright rolling band of crisp sparkle that follows the light as the card tilts.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "base",
          "flakeColor",
          "hueSpread",
          "lampStrength",
          "sheen",
          "glint",
          "flakeSize",
          "density",
          "lobeTightness",
          "twinkle",
          "grain",
          "tiltDepth"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/glitter"
        }
      }
    },
    {
      "name": "grainient",
      "type": "registry:component",
      "title": "Grainient",
      "description": "A quiet two-tone wash under coarse, warm film grain. The colour boundary drifts slowly through a soft vignette, like a frame of pushed 35 mm film.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "accent",
          "grain",
          "drift",
          "vignette",
          "warmth",
          "darkTone",
          "lightTone",
          "slant",
          "clearCentre",
          "swing",
          "grainSize",
          "twinkle"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/grainient"
        }
      }
    },
    {
      "name": "guilloche",
      "type": "registry:component",
      "title": "Guilloche",
      "description": "An engraved banknote rosette, blind-embossed into black card stock. Under a light from above it is all but invisible; rake the light across it, from the pointer or the tilt of the phone, and every ridge catches a thin highlight and throws a soft shadow.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "ink",
          "lightColor",
          "pattern",
          "lineDensity",
          "reliefDepth",
          "cornerRadius"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/guilloche"
        }
      }
    },
    {
      "name": "halftone",
      "type": "registry:component",
      "title": "Halftone",
      "description": "One ink on warm paper. An angled newspaper screen turns a slow moving pool of light into breathing dots, with the fine tooth of uncoated stock.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "ink",
          "dotSize",
          "angle",
          "contrast",
          "grain",
          "showThrough",
          "focus",
          "tone",
          "speed",
          "crispness"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/halftone"
        }
      }
    },
    {
      "name": "holo",
      "type": "registry:component",
      "title": "Holo",
      "description": "Holo, a surface shader that renders the same on SwiftUI and the web.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "hue",
          "stripes",
          "shine",
          "speed"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": null,
          "url": "https://isomer.sh/effects/holo"
        }
      }
    },
    {
      "name": "inkdrop",
      "type": "registry:component",
      "title": "Inkdrop",
      "description": "A drop of ink falls into clear water, blooms into a branching cloud, then thins away. A quiet loading loop, transparent over the host.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "period",
          "bloom",
          "fade",
          "grain",
          "concentration",
          "spread",
          "rim",
          "tendrils",
          "current",
          "turbulence"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/inkdrop"
        }
      }
    },
    {
      "name": "komorebi",
      "type": "registry:component",
      "title": "Komorebi",
      "description": "Morning sun through leaves on warm paper. Soft leaf shadows sway, and the light that gets through the canopy lands as overlapping discs of sun.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "paper",
          "shadow",
          "warmth",
          "leafDensity",
          "swaySpeed",
          "softness"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/komorebi"
        }
      }
    },
    {
      "name": "lacquer",
      "type": "registry:component",
      "title": "Lacquer",
      "description": "A black urushi lacquer card with gold dust (maki-e) laid under the surface. Tilt it and the flecks catch the light one by one, while the clear coat throws back a soft, cool image of a window, two thin mullions across it, that slides over the card with tilt or the pointer and is partly off it most of the time. A broad faint sheen lies over the whole surface and a thin bright line runs along the top edge. A deep red lacquer colour gives cinnabar with the same gold. Transparent outside the card.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "lacquerColor",
          "reflection",
          "sheen",
          "windowSize",
          "density",
          "fleckSize",
          "depth",
          "grain",
          "tiltDepth"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/lacquer"
        }
      }
    },
    {
      "name": "lantern",
      "type": "registry:component",
      "title": "Lantern",
      "description": "A paper lantern card, its fibres and folded ribs lit from within by a slow candle flame. Transparent outside the paper.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "paper",
          "flicker",
          "ribs",
          "grain",
          "paperGlow",
          "falloff",
          "ambient",
          "flameHeight",
          "foldDepth",
          "speed"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/lantern"
        }
      }
    },
    {
      "name": "lathe",
      "type": "registry:component",
      "title": "Lathe",
      "description": "A machined aluminium knob with concentric lathe grain and a knurled edge. Drag turns it, a flick spins it with weight, and it settles into the nearest detent with a soft click. The highlight stays still while the metal turns, which is how turned metal reads. Everything outside the knob is transparent.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "metalColor",
          "diameter",
          "detents",
          "knurl",
          "weight",
          "dampingRatio"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/lathe"
        }
      }
    },
    {
      "name": "leather",
      "type": "registry:component",
      "title": "Leather",
      "description": "A full-grain leather card with a debossed panel. Warm light rakes across the pebbled grain as the phone tilts; the pressed panel shows a soft shadow along the wall nearest the light and a highlight along the far one. Transparent outside the card.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "grain",
          "sheen",
          "deboss",
          "wear",
          "mottle",
          "lampStrength",
          "lampHeight",
          "pebbleRelief",
          "burnish"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/leather"
        }
      }
    },
    {
      "name": "lens",
      "type": "registry:component",
      "title": "Lens",
      "description": "A liquid-glass switch. Its clear convex thumb refracts the fine stripes in the track beneath it, with a bright rim, a slight chromatic edge and a warm caustic. The track fills with one accent as the glass springs on. Transparent outside the control.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "glassTint",
          "rim",
          "caustic",
          "lensSize",
          "refraction",
          "patternDensity",
          "weight",
          "dampingRatio",
          "grain"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": null,
          "url": "https://isomer.sh/effects/lens"
        }
      }
    },
    {
      "name": "letterpress",
      "type": "registry:component",
      "title": "Letterpress",
      "description": "A heading pressed into thick cotton paper. The letter walls catch the light on one side and fall into shade on the other, the floor of each letter is a touch darker where the press flattened the fibre, and the light follows the pointer or the tilt of the phone. Blind by default; a faint ink on the floor is one knob away.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "paper",
          "inkTint",
          "depth",
          "wallSoftness",
          "lightAngle",
          "grain"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/letterpress"
        }
      }
    },
    {
      "name": "level",
      "type": "registry:component",
      "title": "Level",
      "description": "Large hydration numerals filled with water. The liquid counters the phone's tilt to stay level with the horizon, with a weighted slosh that settles after the input changes. The empty glyph is dark glass and everything around the text is clear.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "fill",
          "weight",
          "slosh",
          "grain"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 99.9,
          "url": "https://isomer.sh/effects/level"
        }
      }
    },
    {
      "name": "lightleak",
      "type": "registry:component",
      "title": "Lightleak",
      "description": "The warm light leak of an analog camera drifting across an unexposed frame. Two or three large soft blooms creep in from one edge of the film, each with a white-hot heart at the border that falls through amber and red to a crimson-magenta fringe, fibrous with faint streaks. A rounded film frame sits inside a dark rebate that the leak burns through brighter. Dust flecks come and go on a schedule, an occasional hair crosses the frame, and heavy fine grain sparkles at 24 frames a second. A pale film colour with a pale leak gives an overexposed cream frame.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "leak",
          "edgeTint",
          "film",
          "strength",
          "bloomSize",
          "hotCore",
          "edge",
          "count",
          "streaks",
          "drift",
          "grain",
          "dust",
          "frame"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/lightleak"
        }
      }
    },
    {
      "name": "lightning",
      "type": "registry:component",
      "title": "Lightning",
      "description": "Lightning, a background shader that renders the same on SwiftUI and the web.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "color",
          "glow",
          "period",
          "jitter",
          "speed"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": null,
          "url": "https://isomer.sh/effects/lightning"
        }
      }
    },
    {
      "name": "localsky",
      "type": "registry:component",
      "title": "LocalSky",
      "description": "The colour of the sky at a given hour, from real single scattering. Blue at noon, honey at 18:40, violet after sunset, deep blue-black at night. The app passes the hour; the physics is the palette.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "hour",
          "haze",
          "sunSize",
          "horizonHeight",
          "exposure",
          "drift",
          "afterglow",
          "groundLight",
          "discBrightness",
          "glareStrength",
          "sunX"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 99.4,
          "url": "https://isomer.sh/effects/localsky"
        }
      }
    },
    {
      "name": "marble",
      "type": "registry:component",
      "title": "Marble",
      "description": "A polished marble card. Black Nero Marquina with warm gold veins by default, or white Carrara with soft grey veins; one light slides across the polish as the phone tilts, a broad sheen with a crisp window glint, and the deeper veins show softly through the stone. Transparent outside the card.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "vein",
          "stone",
          "polish",
          "veinScale",
          "glint",
          "veinDensity",
          "branching",
          "swirl",
          "cornerRadius",
          "depth",
          "cloud",
          "grain",
          "tiltDepth"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/marble"
        }
      }
    },
    {
      "name": "matchstrike",
      "type": "registry:component",
      "title": "Matchstrike",
      "description": "A match strikes and lights. A scrape of sparks, a bright flare, then a small steady flame leaning in the air with a faint thread of smoke above it. One shot, then still; a press strikes it again. Transparent outside the match and its light.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "flare",
          "lean",
          "smoke",
          "grain",
          "flameKelvin",
          "blueZone",
          "airGlow",
          "flameHeight",
          "flameWidth",
          "sparkCount",
          "swaySpeed"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/matchstrike"
        }
      }
    },
    {
      "name": "mercury",
      "type": "registry:component",
      "title": "Mercury",
      "description": "A progress bar of liquid chrome, with a convex meniscus and a leading drop that separates at speed and merges as it settles. Transparent outside the track.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "trackHeight",
          "weight",
          "split",
          "grain",
          "windowTint",
          "trackTone",
          "lampStrength",
          "windowHeight"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/mercury"
        }
      }
    },
    {
      "name": "metallic",
      "type": "registry:component",
      "title": "Metallic",
      "description": "Metallic, a surface shader that renders the same on SwiftUI and the web.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "baseColor",
          "highlightColor",
          "brushStrength",
          "speed"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": null,
          "url": "https://isomer.sh/effects/metallic"
        }
      }
    },
    {
      "name": "native-hapticspring",
      "type": "registry:component",
      "title": "Native haptic spring",
      "description": "Core Haptics over the Press card: transient taps and a continuous buzz that follow the spring's velocity. iOS only.",
      "isomer": {
        "kind": "micro",
        "knobs": [],
        "platforms": [
          "ios"
        ],
        "react": false
      }
    },
    {
      "name": "native-island",
      "type": "registry:component",
      "title": "Native island",
      "description": "A spring progress ring in a Live Activity: the app, the Lock Screen and the Dynamic Island. iOS only.",
      "isomer": {
        "kind": "micro",
        "knobs": [],
        "platforms": [
          "ios"
        ],
        "react": false
      }
    },
    {
      "name": "native-liquidglass",
      "type": "registry:component",
      "title": "Native liquid glass",
      "description": "iOS 26 Liquid Glass card over Aurora; iOS 17 to 25 fall back to a thin material. iOS only.",
      "isomer": {
        "kind": "surface",
        "knobs": [],
        "platforms": [
          "ios"
        ],
        "react": false
      }
    },
    {
      "name": "native-tiltcard",
      "type": "registry:component",
      "title": "Native tilt card",
      "description": "Holo card steered by the phone's Core Motion tilt. iOS only.",
      "isomer": {
        "kind": "surface",
        "knobs": [],
        "platforms": [
          "ios"
        ],
        "react": false
      }
    },
    {
      "name": "newton",
      "type": "registry:component",
      "title": "Newton",
      "description": "Press on dark glass and Newton's rings bloom around the finger, the faint interference colours of two panes touching. They spread the longer you hold and relax when you let go. Physical colour, never a rainbow.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "glass",
          "contactRadius",
          "ringScale",
          "weight",
          "dampingRatio",
          "grain"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/newton"
        }
      }
    },
    {
      "name": "nightwater",
      "type": "registry:component",
      "title": "Nightwater",
      "description": "A dark sea at night. Long swells carry a faint blue-green light along their crests, and a touch stirs a patch that slowly fades.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "accent",
          "swell",
          "glow",
          "speed",
          "grain"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/nightwater"
        }
      }
    },
    {
      "name": "obsidian",
      "type": "registry:component",
      "title": "Obsidian",
      "description": "A slab of obsidian, black volcanic glass knapped into shell-shaped flake scars. Concentric ripples spread from each point of impact across its scar and catch razor-thin highlights, the scars meet in sharp ridges, and a broad soft window is mirrored deep in the glass, bent by every ripple. Where the glass thins at the edges it glows a faint warm brown. Tilt or the pointer moves the light. Transparent outside the slab.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "glassTint",
          "edgeGlow",
          "sharpness",
          "reflection",
          "lightAngle",
          "rippleCount",
          "rippleSpacing",
          "centres",
          "relief",
          "grain",
          "tiltDepth"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 99.8,
          "url": "https://isomer.sh/effects/obsidian"
        }
      }
    },
    {
      "name": "orb",
      "type": "registry:component",
      "title": "Orb",
      "description": "A glass sphere sitting on dark glass, one warm rim light, a soft contact shadow and a slow swirl inside like smoke in a paperweight. Transparent around the sphere so it sits on host content. The rim light follows the pointer; the sphere breathes.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "orbSize",
          "swirl",
          "breath",
          "grain",
          "rimWhite",
          "lightHeight",
          "poolGlow",
          "smokeScale",
          "smokeSpeed"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/orb"
        }
      }
    },
    {
      "name": "orbit",
      "type": "registry:component",
      "title": "Orbit",
      "description": "A circular progress ring with a hot comet head, a short fading trail and a single bloom when the ring closes. Progress springs from its previous value. Transparent outside the ring and its faint surface light.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "track",
          "glow",
          "headBrightness",
          "diameter",
          "thickness",
          "trailLength",
          "weight",
          "dampingRatio",
          "grain"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/orbit"
        }
      }
    },
    {
      "name": "origami",
      "type": "registry:component",
      "title": "Origami",
      "description": "A card folded from one sheet of heavy paper. Straight creases, all at the angles of an origami grid, cut the sheet into flat facets; every facet leans its own way, so one lamp lights some and leaves others in shade, and the light moves across them as the card turns. Valley folds darken, mountain folds catch a thin highlight, the paper has a fibre of its own and the card edge sits in a soft shadow. Transparent outside the card.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "paper",
          "shadowTint",
          "contrast",
          "lightAngle",
          "creaseLine",
          "creaseCount",
          "foldDepth",
          "pattern",
          "softness",
          "fibre",
          "grain",
          "tiltDepth"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 99.8,
          "url": "https://isomer.sh/effects/origami"
        }
      }
    },
    {
      "name": "oxide",
      "type": "registry:component",
      "title": "Oxide",
      "description": "Anodised titanium. A thin oxide film gives the card one colour, which shifts a few degrees of hue as it turns, over a fine brushed grain. One colour that moves, never a rainbow.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "oxideThickness",
          "angleSensitivity",
          "brushAmount",
          "cornerRadius",
          "sheen",
          "fade",
          "keyPosition",
          "bandFocus",
          "sway",
          "brushStreaks"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 99.9,
          "url": "https://isomer.sh/effects/oxide"
        }
      }
    },
    {
      "name": "paperfall",
      "type": "registry:component",
      "title": "Paperfall",
      "description": "A single burst of small paper rectangles in four warm tints. Each piece tumbles, flashes its lit face and falls under gravity and air drag, then fades at the bottom. Press to celebrate again. Transparent over host content.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "baseColor",
          "tintSpread",
          "sheen",
          "count",
          "pieceSize",
          "spreadAngle",
          "gravity",
          "drag",
          "flipRate",
          "duration",
          "grain"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/paperfall"
        }
      }
    },
    {
      "name": "parallax",
      "type": "registry:component",
      "title": "Parallax",
      "description": "A headline cut out of the page. Each letter is a window onto a field of out-of-focus night lights set some way behind the paper, so tilting the phone or moving the pointer slides the lights past the cut edges, and the edge of every cut catches a thin line of light on the side that faces you. Transparent around the letters.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "depth",
          "drift",
          "bevel",
          "grain",
          "burnLevel",
          "exposure",
          "horizonGlow",
          "farLights",
          "bokehSize"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/parallax"
        }
      }
    },
    {
      "name": "plasma",
      "type": "registry:component",
      "title": "Plasma",
      "description": "Plasma, a background shader that renders the same on SwiftUI and the web.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "c0",
          "c1",
          "hue",
          "scale",
          "speed"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": null,
          "url": "https://isomer.sh/effects/plasma"
        }
      }
    },
    {
      "name": "press",
      "type": "registry:component",
      "title": "Press",
      "description": "Press, a micro interaction that renders the same on SwiftUI and the web.",
      "isomer": {
        "kind": "micro",
        "knobs": [
          "color",
          "radius",
          "pressDuration",
          "pressedScale",
          "downStiffness",
          "downDamping",
          "upStiffness",
          "upDamping"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": null,
          "url": "https://isomer.sh/effects/press"
        }
      }
    },
    {
      "name": "prism",
      "type": "registry:component",
      "title": "Prism",
      "description": "Afternoon sunlight through a glass prism, caught as one soft spectral smear on a dark plaster wall. Move the pointer to move the light.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "accent",
          "width",
          "spread",
          "speed",
          "grain",
          "spectrum",
          "wallTone",
          "fade",
          "reflection",
          "slant"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/prism"
        }
      }
    },
    {
      "name": "rainpane",
      "type": "registry:component",
      "title": "Rainpane",
      "description": "A window on a rainy evening. Drops bead, merge and run down the glass, and each one is a tiny lens that flips the blurred city lights behind it. Gravity follows tilt.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "light",
          "tint",
          "rainAmount",
          "dropSize",
          "runSpeed",
          "fog"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/rainpane"
        }
      }
    },
    {
      "name": "ripples",
      "type": "registry:component",
      "title": "Ripples",
      "description": "Rain on still black water. Thin spreading wave fronts bend the reflection of one warm light; a touch adds a drop of its own.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "accent",
          "rate",
          "spread",
          "fade",
          "grain"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/ripples"
        }
      }
    },
    {
      "name": "rubber",
      "type": "registry:component",
      "title": "Rubber",
      "description": "A matte oxblood rubber button. A press makes a shaded depression under the finger, lifts a soft rim around it and tightens the contact shadow. It springs back with a small wobble. Transparent outside the button.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "rubberColour",
          "highlight",
          "sheen",
          "shadow",
          "cornerRadius",
          "dentDepth",
          "bulge",
          "weight",
          "dampingRatio",
          "wobble",
          "grain"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/rubber"
        }
      }
    },
    {
      "name": "ruler",
      "type": "registry:component",
      "title": "Ruler",
      "description": "A fine ruler slider whose ticks lift and magnify beneath a small glass lens. A spring carries the lens from its previous value, and the lifted ticks settle behind it. The value label belongs to the host. Transparent outside the ticks and glass.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "tickColor",
          "accent",
          "tickSpacing",
          "magnification",
          "lensWidth",
          "trackHeight",
          "weight",
          "dampingRatio",
          "lensGloss",
          "grain"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/ruler"
        }
      }
    },
    {
      "name": "sandscript",
      "type": "registry:component",
      "title": "Sandscript",
      "description": "A word written in wet beach sand with a fingertip. The groove has a darker damp floor and a rounded bottom, a ridge of pushed sand rises on each side and catches a low sun, loose grains crumble off the edges, and the word appears stroke by stroke from left to right. A knob lets a wash of water creep up and soften it. One shot, then still.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "sand",
          "damp",
          "sunAngle",
          "ridge",
          "sheen",
          "grooveDepth",
          "grooveWidth",
          "writeSpeed",
          "wash",
          "grainSize",
          "roughness",
          "crumble"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/sandscript"
        }
      }
    },
    {
      "name": "shallows",
      "type": "registry:component",
      "title": "Shallows",
      "description": "The light on the floor of a sunlit pool. A slow net of caustics in one accent on near-black; tilt slides it with parallax.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "accent",
          "base",
          "cellSize",
          "focus",
          "speed",
          "depth"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/shallows"
        }
      }
    },
    {
      "name": "shimmer",
      "type": "registry:component",
      "title": "Shimmer",
      "description": "A complete loading skeleton with rounded avatars, titles and three lines per row. A broad satin sheen travels slowly across the blocks, eases to a stop and rests before the next pass.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "block",
          "sheenColor",
          "sheenStrength",
          "sheenWidth",
          "rows",
          "cornerRadius",
          "lineWidths",
          "avatarSize",
          "speed",
          "pause",
          "angle",
          "grain",
          "lightFollow"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": null,
          "url": "https://isomer.sh/effects/shimmer"
        }
      }
    },
    {
      "name": "shimmerloader",
      "type": "registry:component",
      "title": "ShimmerLoader",
      "description": "ShimmerLoader, a micro interaction that renders the same on SwiftUI and the web.",
      "isomer": {
        "kind": "micro",
        "knobs": [
          "period",
          "baseColor",
          "highlightColor",
          "angle"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": null,
          "url": "https://isomer.sh/effects/shimmerloader"
        }
      }
    },
    {
      "name": "silk",
      "type": "registry:component",
      "title": "Silk",
      "description": "A single sheet of black silk under one warm lamp, its folds moving as if someone breathed on it. The lamp follows the pointer slowly. A cool light turns the silk ivory, the light treatment.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "light",
          "sheen",
          "foldSize",
          "speed",
          "grain",
          "highlightWhite",
          "lampHeight",
          "foldDepth",
          "bend",
          "breathing"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/silk"
        }
      }
    },
    {
      "name": "sliderrubber",
      "type": "registry:component",
      "title": "SliderRubber",
      "description": "SliderRubber, a micro interaction that renders the same on SwiftUI and the web.",
      "isomer": {
        "kind": "micro",
        "knobs": [
          "stiffness",
          "dampingRatio",
          "from",
          "to",
          "thumbColor",
          "fillColor"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": null,
          "url": "https://isomer.sh/effects/sliderrubber"
        }
      }
    },
    {
      "name": "smoke",
      "type": "registry:component",
      "title": "Smoke",
      "description": "A single thread of incense smoke rising in still air. It leaves a glowing tip as a thin, straight, bright line, wavers, then folds into slow curls as it widens and thins, lit from one side so it stands bright against black. A dark accent turns the black to pale paper and the thread to grey ink.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "accent",
          "drift",
          "thickness",
          "rise",
          "grain",
          "smokeBright",
          "selfShadow",
          "spread",
          "curlDetail",
          "churn",
          "clumping"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/smoke"
        }
      }
    },
    {
      "name": "snowfall",
      "type": "registry:component",
      "title": "Snowfall",
      "description": "Snow falling at night under a single street lamp. Big soft flakes drift close to the lens, small sharp ones fall far behind, and every flake inside the lamp's cone of warm light glows while those outside it fade to the blue of the night. The lamp hangs from a wire strung across the street, snow lying along the wire and on its shade, a warm pool lies on the snow beneath it, and a row of firs stands faint behind the falling snow. The pointer leans the wind a little.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "lamp",
          "coneWidth",
          "density",
          "fallSpeed",
          "ambient",
          "lampStrength",
          "flakeSize",
          "depth",
          "wind",
          "sway",
          "grain"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/snowfall"
        }
      }
    },
    {
      "name": "stencil",
      "type": "registry:component",
      "title": "Stencil",
      "description": "A sold-out headline sprayed through a stencil onto dark concrete. Powdery paint builds in passes, with a grainy overspray halo and two slow runs from the heaviest letters. One shot, then still.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "accent",
          "spray",
          "overspray",
          "drips",
          "grain",
          "wall",
          "coverage",
          "softness",
          "letterScale",
          "wear",
          "light"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 99.8,
          "url": "https://isomer.sh/effects/stencil"
        }
      }
    },
    {
      "name": "stormglass",
      "type": "registry:component",
      "title": "Stormglass",
      "description": "A Victorian storm glass seen up close. Clear green liquid in a sealed glass tube, lit from behind; as the pressure falls, feathery crystals rise from the bed at the bottom, hang from the surface and float in the liquid, and they settle back as it rises.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "accent",
          "pressure",
          "feather",
          "drift",
          "grain",
          "crystalWhite",
          "backlight",
          "lampHeight",
          "exposure",
          "bedHeight",
          "hangLength",
          "sway"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/stormglass"
        }
      }
    },
    {
      "name": "strata",
      "type": "registry:component",
      "title": "Strata",
      "description": "Layers of cut paper in one ink, each a tint of it and each casting a soft shadow on the one behind, shifting in depth as the phone tilts. The home-screen parallax, done in paper, inside an app.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "ink",
          "layerCount",
          "shadowSoftness",
          "depth",
          "driftSpeed",
          "tintFalloff",
          "shadowLean",
          "backGlow",
          "ridgeHeight",
          "grain"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/strata"
        }
      }
    },
    {
      "name": "swing",
      "type": "registry:component",
      "title": "Swing",
      "description": "Letters suspended from a cafe rail on individual chains. A scroll flick kicks each pendulum, with the capital and wider letters moving more slowly, then the sign settles.",
      "isomer": {
        "kind": "micro",
        "knobs": [
          "ink",
          "weight",
          "damping",
          "kick",
          "wall",
          "metal",
          "letterSize",
          "spacing",
          "chainLength",
          "chainWidth",
          "scrollInfluence"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 95.7,
          "url": "https://isomer.sh/effects/swing"
        }
      }
    },
    {
      "name": "taffy",
      "type": "registry:component",
      "title": "Taffy",
      "description": "Pull to refresh as a bead of glossy liquid. A heavy drop hangs from the top edge and stretches into a neck that thins as you pull; at the trigger distance the neck pinches off with a snap, the drop falls and fades, and the stub left at the top springs back up with weight and settles. The liquid is the accent colour with a dark rim, a window highlight and a glint, and a warm glow inside. Transparent outside the liquid, with a soft shadow on whatever it hangs over.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "liquid",
          "rim",
          "gloss",
          "glow",
          "shadow",
          "thickness",
          "dropSize",
          "thin",
          "weight",
          "damping",
          "snap",
          "drift",
          "grain",
          "trigger"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/taffy"
        }
      }
    },
    {
      "name": "terrazzo",
      "type": "registry:component",
      "title": "Terrazzo",
      "description": "Stone chips ground flat into a dark binder, sealed with a polished coat. Tilt moves a soft window reflection across fine rounded stone chips.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "chipSize",
          "density",
          "sheen",
          "grain",
          "chipShade",
          "binderTone",
          "ambient",
          "largeChips",
          "drift"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/terrazzo"
        }
      }
    },
    {
      "name": "thunderhead",
      "type": "registry:component",
      "title": "Thunderhead",
      "description": "A towering night storm lit from within. Soft billows rise into a spreading anvil above a ragged rain shaft, with a branching bolt at the flash peak.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "flash",
          "cloud",
          "sky",
          "brightness",
          "glowSpread",
          "cloudScale",
          "billows",
          "boltChance",
          "flashRate",
          "drift",
          "grain",
          "parallax"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/thunderhead"
        }
      }
    },
    {
      "name": "tick",
      "type": "registry:component",
      "title": "Tick",
      "description": "A checkbox drawn with a pen stroke. The short leg first, a soft ink swell at the turn, then the long leg. The box fills quickly and lands with a small spring bounce. The off state is empty. Transparent outside the box and its faint fill light.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "tickColour",
          "border",
          "boxSize",
          "cornerRadius",
          "strokeWidth",
          "drawSpeed",
          "weight",
          "dampingRatio",
          "fillGlow"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/tick"
        }
      }
    },
    {
      "name": "tideline",
      "type": "registry:component",
      "title": "Tideline",
      "description": "Wet sand at the water's edge. A thin glossy sheet runs up and retreats, leaving darker tide lines that slowly dry. Each wave reaches a different height on a repeatable clock.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "accent",
          "period",
          "reach",
          "dry",
          "grain",
          "lightPosition",
          "sparkle",
          "waveVariety",
          "rippleSpeed",
          "tideLines",
          "sandRidges"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/tideline"
        }
      }
    },
    {
      "name": "togglespring",
      "type": "registry:component",
      "title": "ToggleSpring",
      "description": "ToggleSpring, a micro interaction that renders the same on SwiftUI and the web.",
      "isomer": {
        "kind": "micro",
        "knobs": [
          "offColor",
          "onColor",
          "width",
          "height",
          "moveStiffness",
          "moveDamping"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": null,
          "url": "https://isomer.sh/effects/togglespring"
        }
      }
    },
    {
      "name": "typewriter",
      "type": "registry:component",
      "title": "Typewriter",
      "description": "A greeting struck on a manual typewriter. Each letter lands with a small jolt, a slightly crooked baseline and the uneven blue-black ink of a worn ribbon, on warm fibrous paper. One shot, then still.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "ink",
          "paper",
          "sizeScale",
          "jitter",
          "wear",
          "speed",
          "rhythm",
          "unevenness",
          "paperGrain",
          "impression",
          "strike",
          "smudge"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/typewriter"
        }
      }
    },
    {
      "name": "vapour",
      "type": "registry:component",
      "title": "Vapour",
      "description": "A headline that slowly lets go of its top edge as smoke. Soft, translucent smoke leaves the tops of the letters, curls and splits as it rises and thins out into the dark, while the letters stay solid and readable below, their upper edges worn soft where the smoke leaves. Runs without end.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "ink",
          "smoke",
          "ground",
          "lift",
          "wispScale",
          "erosion",
          "density",
          "rise",
          "curl",
          "softness",
          "grain",
          "glow",
          "spread",
          "clumping"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/vapour"
        }
      }
    },
    {
      "name": "velvet",
      "type": "registry:component",
      "title": "Velvet",
      "description": "Crushed velvet in one deep colour. A brush of the pointer flips the fine pile into the light, then the soft patch relaxes back into the nap.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "pile",
          "sheen",
          "relax",
          "grain"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/velvet"
        }
      }
    },
    {
      "name": "voronoi",
      "type": "registry:component",
      "title": "Voronoi",
      "description": "Voronoi, a background shader that renders the same on SwiftUI and the web.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "scale",
          "c0",
          "c1",
          "edgeColor",
          "glow",
          "speed"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": null,
          "url": "https://isomer.sh/effects/voronoi"
        }
      }
    },
    {
      "name": "washi",
      "type": "registry:component",
      "title": "Washi",
      "description": "A card of handmade Japanese paper lit from behind by a warm lamp. Long kozo fibres run through it, its thickness is uneven and cloudy so the light glows brighter where the paper is thin, and its edges are torn into a soft deckle that glows where the fibres thin out, with stray fibres reaching past it. The lamp breathes a little, and moves with tilt or the pointer. Transparent outside the paper.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "paper",
          "backlight",
          "transmission",
          "backlightStrength",
          "fibreDensity",
          "fibreLength",
          "deckle",
          "thickness",
          "grain",
          "lightFollow"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 99.8,
          "url": "https://isomer.sh/effects/washi"
        }
      }
    },
    {
      "name": "watercolour",
      "type": "registry:component",
      "title": "Watercolour",
      "description": "A watercolour headline on cold-press paper. Pigment moves inward from the letter edges, pools in a dark tide mark, gathers in the paper tooth and dries into a lighter wash with a faint feathered bleed.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "pigment",
          "secondPigment",
          "paper",
          "bleed",
          "edgeRing",
          "edgeWidth",
          "flowSpeed",
          "dryTime",
          "granulation",
          "paperTooth",
          "pigmentLoad",
          "bloom",
          "washVariation",
          "sizeScale"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/watercolour"
        }
      }
    },
    {
      "name": "waxseal",
      "type": "registry:component",
      "title": "Waxseal",
      "description": "A weighty die presses oxblood wax into a glossy, irregular seal with a crisp raised rosette. One stamp, then still, transparent over the host.",
      "isomer": {
        "kind": "surface",
        "knobs": [
          "accent",
          "sealSize",
          "weight",
          "dampingRatio",
          "gloss",
          "emboss",
          "ambient",
          "translucency",
          "rimHeight",
          "spill",
          "wrinkles"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/waxseal"
        }
      }
    },
    {
      "name": "wetink",
      "type": "registry:component",
      "title": "Wetink",
      "description": "A line written in fountain-pen ink on warm cotton paper. The ink runs along the line from left to right, each stroke swelling out from where the nib touched with a small pool at its ends, and feathers into the paper fibres as it lands. Then it dries where it landed first, the wet shine goes matte and the edge turns darker than the fill, the way real ink dries. One shot, then still.",
      "isomer": {
        "kind": "background",
        "knobs": [
          "ink",
          "paper",
          "write",
          "dry",
          "feather",
          "pooling",
          "driedTone",
          "wetShine",
          "edgeRing",
          "mottling",
          "paperTooth"
        ],
        "platforms": [
          "web",
          "ios"
        ],
        "react": true,
        "parity": {
          "headline": 100,
          "url": "https://isomer.sh/effects/wetink"
        }
      }
    }
  ]
}