Index Shelf All slots Jobs From the library

Named jobs

Working labels. Founder will rename. If it is not on this page, do not invent it on a face. This is not the door. Still one data-ss-seed on a door.

import { mountFace, installInputFaceStyles } from "/loomallure/library/kit/index.mjs"

Twenty jobs

still

LIVE

none

deploy/_shared/ss-motion/ss-motion.css

instant

LIVE

snap

deploy/_shared/ss-motion/ss-motion.css

press

LIVE

snap

deploy/_shared/os-tokens.css

catch

LIVE

snap

deploy/_shared/ss-motion/ss-motion.css

dismiss

LIVE

snap

deploy/_shared/ss-motion/ss-motion.css

emerge

LIVE

silk

deploy/_shared/ss-motion/ss-motion.css

settle

LIVE

spring

deploy/_shared/ss-motion/ss-motion.css

travel

LIVE

spring

deploy/_shared/ss-motion/ss-motion.css

cling

LIVE

spring

deploy/_shared/ss-motion/ss-motion.css

recede

LIVE

spring

deploy/_shared/ss-motion/ss-motion.css

wait

LIVE

pulse

deploy/_shared/ss-motion/ss-motion.css

notify

LIVE

pulse

deploy/_shared/ss-motion/ss-motion.css

drift

LIVE

float

deploy/_shared/ss-motion/ss-motion.css

stagger

LIVE

silk

deploy/_shared/ss-motion/ss-motion.css

dim

LIVE

silk

deploy/_shared/ss-motion/ss-motion.css

morph

LIVE

silk

deploy/_shared/ss-motion/ss-motion.css

through

LIVE

spring

deploy/_shared/ss-motion/ss-motion.css

spin

LIVE

pulse

deploy/_shared/ss-motion/ss-motion.css

draw

LIVE

silk

deploy/_shared/commons/patterns/draw-svg/index.mjs

anticipate

HELD

spring · refuse as default

deploy/_shared/ss-motion/ss-motion.css

Adopted slots

Named slots, not a chat list. Replay plays the take. Still is the designed still of that same take. Reduced is 0ms of that still. One seed per door.

view transition

LIVE

named slot + still

Page

deploy/_shared/htmx/swap-presets.css

shared element

LIVE

tile becomes the page

fade-through

LIVE

unrelated rooms

Room A

Room B

station recede

LIVE

shared-axis Z · not v2d-green-recede

Here
Next

scrim / dim

LIVE

blanket · tokens only

still of the take

LIVE

desk still of emerge

enter + exit

LIVE

pair · silk in · snap out · one seed on the door

text-split word

LIVE

word arrival

word arrives as a word

text-split letter

LIVE

letter arrival

letter by letter

text-split line

LIVE

line arrival

the whole line arrives

reduce-to-still

LIVE

same take · 0ms

designed still · 0ms

shared-axis X

LIVE

chapter left / right

One

Two

two-state

LIVE

magic-replace · play-pause · sun-moon · copy-copied

twenty named jobs

LIVE

already listed above · anticipate HELD

still through anticipate

spatial vs effects

LIVE

color / alpha never overshoots

night latch

LIVE

[data-night] / [data-theme] only

MIT animated SVG

LIVE

line-md · svg-spinners · SVG-Loaders · vivus · eos-icons GAP

KEEP shelf

LIVE

video / stills / type / fields / 3D already ordered

Desk jobs

House names only. Named HELD / LIVE slots. Replay plays the take. Still is the designed still of that same take. No vendor name on this face. Letter split is the letter job. Kinetic type is that same split.

block timeline

LIVE

animation blocks · not a graph

two-frame camera

LIVE

dolly or flat zoom · arc-free

Dolly
Zoom

tilt travel

LIVE

flat UI tilt · travel variation · not a sixth seed

Flat UI

still export

HELD

still + export · map only

map only · no export pipeline

letter split

LIVE

letter arrival · this is the letter job

letter by letter

still-to-loop

HELD

still to seamless loop · map only

map only · no loop export

three ratios

LIVE

16:9 · 1:1 · 9:16

16:9 1:1 9:16

local work

HELD

stays on this machine · map only

map only · work stays local

hook card

LIVE

snippet card · hook

Hook

title card

LIVE

snippet card · title

Title

lower third

LIVE

snippet card · lower third

Name line

scene cut

LIVE

hard cut · not view transition

Still A

Still B

mockup card

HELD

snippet card · mockup · map only

map only · no mockup kit

kinetic type

LIVE

already letter split

kinetic is letter split

Stolen jobs

House names only. Steal the job, never the kit. Replay plays the take. Still is the designed still of that same take.

lamp

LIVE

light finds the line

the line is here

deploy/_shared/commons/patterns/lamp/index.mjs

belt

LIVE

already marquee

already marquee on Cards

scroll take

LIVE

already scrub

already scrub on Cards

planes

HELD

door Z · CSS layers refused on doors

map only · door Z, not CSS layers

dust

HELD

dust field · no particle spine

map only · no particle spine

notice

LIVE

a line arrives, then leaves

Saved to the shelf

call

LIVE

type to find a house verb

  • still
  • press
  • notify
  • lamp

Not adopted

House iterations

silk emerge / unfold / crystallize / drift · snap appear / toggle / dismiss / reveal / shake · spring pop / settle / assemble / cling · pulse beat / breathe / notify · float drift

silk emerge

LIVE

silk

deploy/_shared/ss-motion/ss-motion.css

silk unfold

LIVE

silk

deploy/_shared/ss-motion/ss-motion.css

silk crystallize

LIVE

silk

deploy/_shared/ss-motion/ss-motion.css

silk drift

LIVE

silk

deploy/_shared/ss-motion/ss-motion.css

snap appear

LIVE

snap

deploy/_shared/ss-motion/ss-motion.css

snap toggle

LIVE

snap

deploy/_shared/ss-motion/ss-motion.css

snap dismiss

LIVE

snap

deploy/_shared/ss-motion/ss-motion.css

snap reveal

LIVE

snap

deploy/_shared/ss-motion/ss-motion.css

snap shake

LIVE

snap

deploy/_shared/ss-motion/ss-motion.css

spring pop

LIVE

spring

deploy/_shared/ss-motion/ss-motion.css

spring settle

LIVE

spring

deploy/_shared/ss-motion/ss-motion.css

spring assemble

LIVE

spring

deploy/_shared/ss-motion/ss-motion.css

spring cling

LIVE

spring

deploy/_shared/ss-motion/ss-motion.css

pulse beat

LIVE

pulse

deploy/_shared/ss-motion/ss-motion.css

pulse breathe

LIVE

pulse

deploy/_shared/ss-motion/ss-motion.css

pulse notify

LIVE

pulse

deploy/_shared/ss-motion/ss-motion.css

float drift

LIVE

float

deploy/_shared/ss-motion/ss-motion.css

Cards

reveal

LIVE

armReveal

Line arrives.

deploy/_shared/commons/patterns/reveal/index.mjs

marquee

LIVE

armMarquee · pause required

named jobs on the library · not a chat list ·

deploy/_shared/commons/patterns/marquee/index.mjs

magnet

LIVE

armMagnet

deploy/_shared/commons/patterns/magnet/index.mjs

flip

LIVE

captureFlip

A
B
C
D

deploy/_shared/commons/patterns/flip-layout/index.mjs

scrub

LIVE

--c-t · no second t

deploy/_shared/commons/patterns/scroll-scrub/index.mjs

split

LIVE

armTextSplit

whole sentence stays whole

deploy/_shared/commons/patterns/text-split/index.mjs

C-DRAW-SVG

LIVE

armDraw

deploy/_shared/commons/patterns/draw-svg/index.mjs

Icon motions

draw on / off · variable color · magic replace / two-state · pulse / breathe / rotate as wait · wiggle as refuse. No tada. No hover-draw-every-icon.

draw on

LIVE

draw off

LIVE

variable color

LIVE

menu-X

LIVE

play-pause

LIVE

copy-copied

LIVE

sun-moon

LIVE

pulse as wait

LIVE

breathe as wait

LIVE

rotate as wait

LIVE

wiggle as refuse

LIVE

Animated SVG packs

line-md

LIVE

MIT · draw-on first · svg-static still

deploy/_shared/icons/line-md

svg-spinners

LIVE

MIT · spinner gap · one frame still

deploy/_shared/icons/svg-spinners

svg-loaders

LIVE

MIT · Sam Herbert

deploy/_shared/icons/svg-loaders

eos-icons animated

GAP

MIT on eos-icons 5.4.0 webfont. Animated SVGs are not on that tag.

deploy/_shared/icons/eos-icons-animated/PROVENANCE.json

vivus

LIVE

MIT · 0.4.6 already vendored · wired here

deploy/_shared/motion-vendor/vivus

status-button

LIVE

house · wait / notify

deploy/_shared/commons/patterns/status-button

living-marks

LIVE

house · already on disk

deploy/_shared/living-marks

lucide still shelf

OURS

lucide / phosphor / tabler and the rest stay still

deploy/_shared/icons