Advanced JSON Configuration

Build your site style in real time.

Edit the configuration and watch the preview change immediately. The editor validates supported values, saves them to localStorage, provides autocomplete, and gives you a realistic interactive preview instead of only changing a few static properties.

Configuration Editor

Live parsing is enabled — Apply saves the current valid configuration.

Ready
Ln 1, Col 1 0 valid keys
1
Supported settings are listed on the left. Unknown keys are ignored when applying. Valid colors must be hex values. Press Ctrl + Enter to apply, Ctrl + Shift + F to format, and Ctrl + S to save the current configuration.

Live Preview

Waiting for configuration
HomeProjectsContact
Live configuration preview

Make the interface yours.

Backgrounds, surfaces, typography, buttons, corners, shadows, menu icons, motion, and more are connected to your JSON configuration.

InterTypeface
SmoothMotion
14pxRadius
Interaction preview
Instant feedbackValid JSON updates the preview while you edit — no Apply click required.
Safe validationUnsupported values are rejected without corrupting stored settings.
Real interactionHover, menu, buttons, motion and layout styling all respond to your settings.