Fragment Builder

Build fragments, mount them into host slots, and watch data-bind and data-if respond to live state changes. Try injecting dangerous markup to see the sanitizer strip it in real time.

Loading fragment builder...

Realm of Xript

LVL 12 · Floor 3

sidebar.left

################
#..............#
#....†.........#
#..............#
#......@.......#
#...........$..#
#..............#
#..†...........#
######+#########

Clear Slots

sidebar.left header.status main.overlay

Console

Clear

Mount a fragment to see output here.

Fragment Source

Select a sample... Health Bar Low Health Warning Player Card Event Demo Dangerous Fragment

sidebar.left header.status main.overlay

Mount

Bindings

ui-mount

health 80

maxHealth 100

playerName