State-to-Class Pipeline
Interactive utility class mapper & rendering engine
Pause Flow
Auto Play
Reset
[01] USER CONTROLS
[02] STATE ENGINE
[03] DOM & VISUALS
CONTRAST: OFF
FONT SIZE: 16PX
DYSLEXIA: OFF
RESET STATE (ESC)
STATE OBJECT
contrast:
false
fontSize:
16px
dyslexia:
false
apply()
MUTATE DOM CLASSES
LOCALSTORAGE
<HTML> CLASSLIST
html
.dark-mode
.font-size-16
.dyslexia-mode
VISUAL PREVIEW
HEADER TEXT
The quick brown fox
jumps over the lazy
dog layout engine.
[ CLICK HERE ]
EVENT
EVENT
EVENT
RESET
CALL
LOAD
MUTATE
REFRESH
APPLY