{ "trigger": { "borderTopLeftRadius": 5, "borderTopRightRadius": 5, "borderBottomLeftRadius": 5, "borderBottomRightRadius": 5, "paddingTop": 5, "paddingRight": 10, "paddingBottom": 5, "paddingLeft": 20, "fontSize": 14, "fontFamily": "Alata", "boxshadow": { "inset": false, "pos": { "top": 26, "left": 25 }, "size": { "width": 20, "height": 20 }, "color": { "r": 255, "g": 255, "b": 255, "a": 0 } }, "background": { "colorA": { "r": 34, "g": 175, "b": 219, "a": 1 }, "colorB": { "r": 48, "g": 130, "b": 189, "a": 1 }, "angle": 0 }, "color": { "r": 46, "g": 46, "b": 46, "a": 1 }, "border": [ { "width": 0, "variant": "solid", "color": { "r": 46, "g": 46, "b": 46, "a": 1 } }, { "width": 0, "variant": "solid", "color": { "r": 46, "g": 46, "b": 46, "a": 1 } }, { "width": 0, "variant": "solid", "color": { "r": 46, "g": 46, "b": 46, "a": 1 } }, { "width": 0, "variant": "solid", "color": { "r": 46, "g": 46, "b": 46, "a": 1 } } ], "fontWeight": "normal", "filters": { "blur": { "active": 0, "val": [ 5 ] }, "brightness": { "active": 1, "val": [ 1.3 ] }, "grayscale": { "active": 0, "val": [ 0.5 ] }, "opacity": { "active": 0, "val": [ 0.5 ] }, "hueRotate": { "active": 0, "val": [ 0 ] } } }, "list": { "borderTopLeftRadius": 0, "borderTopRightRadius": 0, "borderBottomLeftRadius": 0, "borderBottomRightRadius": 0, "paddingTop": 0, "paddingRight": 0, "paddingBottom": 0, "paddingLeft": 0, "fontSize": 14, "fontFamily": "Alata", "boxshadow": { "inset": false, "pos": { "top": 29, "left": 31 }, "size": { "width": 44, "height": 44 }, "color": { "r": 0, "g": 0, "b": 0, "a": 0.12 } }, "background": { "colorA": { "r": 255, "g": 255, "b": 255, "a": 1 }, "colorB": { "r": 255, "g": 255, "b": 255, "a": 1 }, "angle": 0 }, "color": { "r": 46, "g": 46, "b": 46, "a": 1 }, "border": [ { "width": 0, "variant": "solid", "color": { "r": 46, "g": 46, "b": 46, "a": 1 } }, { "width": 0, "variant": "solid", "color": { "r": 46, "g": 46, "b": 46, "a": 1 } }, { "width": 0, "variant": "solid", "color": { "r": 46, "g": 46, "b": 46, "a": 1 } }, { "width": 0, "variant": "solid", "color": { "r": 46, "g": 46, "b": 46, "a": 1 } } ], "fontWeight": "normal", "filters": { "blur": { "active": 0, "val": [ 5 ] }, "brightness": { "active": 1, "val": [ 1.3 ] }, "grayscale": { "active": 0, "val": [ 0.5 ] }, "opacity": { "active": 0, "val": [ 0.5 ] }, "hueRotate": { "active": 0, "val": [ 0 ] } } }, "base": { "borderTopLeftRadius": 0, "borderTopRightRadius": 0, "borderBottomLeftRadius": 0, "borderBottomRightRadius": 0, "paddingTop": 10, "paddingRight": 20, "paddingBottom": 10, "paddingLeft": 20, "fontSize": 15, "fontFamily": "Alata", "boxshadow": { "inset": false, "pos": { "top": 20, "left": 19 }, "size": { "width": 20, "height": 20 }, "color": { "r": 49, "g": 65, "b": 121, "a": 0 } }, "background": { "colorA": { "r": 255, "g": 255, "b": 255, "a": 1 }, "colorB": { "r": 255, "g": 255, "b": 255, "a": 1 }, "angle": 0 }, "color": { "r": 116, "g": 116, "b": 116, "a": 1 }, "border": [ { "width": 0, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } }, { "width": 0, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } }, { "width": 0, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } }, { "width": 0, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } } ], "fontWeight": "normal", "filters": { "blur": { "active": 0, "val": [ 5 ] }, "brightness": { "active": 0, "val": [ 1 ] }, "grayscale": { "active": 0, "val": [ 0.5 ] }, "opacity": { "active": 0, "val": [ 0.5 ] }, "hueRotate": { "active": 0, "val": [ 0 ] } } }, "hover": { "borderTopLeftRadius": 0, "borderTopRightRadius": 0, "borderBottomLeftRadius": 0, "borderBottomRightRadius": 0, "paddingTop": 10, "paddingRight": 20, "paddingBottom": 10, "paddingLeft": 20, "fontSize": 15, "fontFamily": "Alata", "boxshadow": { "inset": true, "pos": { "top": 26, "left": 25 }, "size": { "width": 20, "height": 20 }, "color": { "r": 255, "g": 255, "b": 255, "a": 0 } }, "background": { "colorA": { "r": 219, "g": 34, "b": 135, "a": 1 }, "colorB": { "r": 219, "g": 34, "b": 135, "a": 1 }, "angle": 0 }, "color": { "r": 255, "g": 255, "b": 255, "a": 1 }, "border": [ { "width": 0, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } }, { "width": 0, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } }, { "width": 0, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } }, { "width": 0, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } } ], "fontWeight": "normal", "filters": { "blur": { "active": 0, "val": [ 5 ] }, "brightness": { "active": 0, "val": [ 1.2 ] }, "grayscale": { "active": 0, "val": [ 0.5 ] }, "opacity": { "active": 0, "val": [ 0.5 ] }, "hueRotate": { "active": 0, "val": [ 0 ] } } }, "checked": { "borderTopLeftRadius": 0, "borderTopRightRadius": 0, "borderBottomLeftRadius": 0, "borderBottomRightRadius": 0, "paddingTop": 10, "paddingRight": 20, "paddingBottom": 10, "paddingLeft": 20, "fontSize": 15, "fontFamily": "Alata", "boxshadow": { "inset": true, "pos": { "top": 26, "left": 25 }, "size": { "width": 20, "height": 20 }, "color": { "r": 255, "g": 255, "b": 255, "a": 0 } }, "background": { "colorA": { "r": 45, "g": 178, "b": 248, "a": 0.59 }, "colorB": { "r": 39, "g": 92, "b": 201, "a": 1 }, "angle": 0 }, "color": { "r": 255, "g": 255, "b": 255, "a": 1 }, "border": [ { "width": 0, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } }, { "width": 0, "variant": "solid", "color": { "r": 219, "g": 34, "b": 135, "a": 1 } }, { "width": 0, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } }, { "width": 0, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } } ], "fontWeight": "normal", "filters": { "blur": { "active": 0, "val": [ 5 ] }, "brightness": { "active": 0, "val": [ 0.9 ] }, "grayscale": { "active": 0, "val": [ 0.5 ] }, "opacity": { "active": 0, "val": [ 0.5 ] }, "hueRotate": { "active": 0, "val": [ 0 ] } } } }

Select generator:

Templates

  • Preview
  • Code

Settings

  • Trigger
  • List
  • Option base
  • Option hover
  • Option checked
Border radius:
Padding:
Font:
Border:
Box shadow:
|||
Filters:
Background: