Contact
Icon for product Workbench

Workbench

An online code editor for front-end components enriched with low-code features enabling designers or copywriters to make quick edits without having to navigate through complex code.

online IDE
react editor
wysiwyg features
live reloads
View online

Features

Icon for data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MiIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDcyIDY0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgPHBhdGggc3Ryb2tlPSIjRkZENDcyIiBzdHJva2Utd2lkdGg9IjEuNiIgZD0iTTY1LjE2NyAxSDYuODMzQzMuNjEzIDEgMSAzLjYwNCAxIDYuODEzdjM4Ljc1YzAgMy4yMDggMi42MTMgNS44MTIgNS44MzMgNS44MTJoMjMuMzM0bC0xLjk0NSA1LjgxM2gtOC43NWEyLjkwNSAyLjkwNSAwIDAgMC0yLjkxNiAyLjkwNmMwIDEuNjEgMS4zIDIuOTA2IDIuOTE2IDIuOTA2aDMzLjA1NmEyLjkwNSAyLjkwNSAwIDAgMCAyLjkxNi0yLjkwNmMwLTEuNjEtMS4zLTIuOTA3LTIuOTE2LTIuOTA3aC04Ljc1bC0xLjk0NS01LjgxMmgyMy4zMzRjMy4yMiAwIDUuODMzLTIuNjA0IDUuODMzLTUuODEzVjYuODEzQzcxIDMuNjA0IDY4LjM4NyAxIDY1LjE2NyAxem0tMS45NDUgNDIuNjI1SDguNzc4VjguNzVoNTQuNDQ0djM0Ljg3NXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZENDcyIiBkPSJNMzYuNTYyIDIxLjkwNmE0LjQyIDQuNDIgMCAwIDAtMS4wMzcuMTY2Yy4xMzEuMjMuMjM5LjYzMi4yNC44OTdhMS44NiAxLjg2IDAgMCAxLTEuODU5IDEuODYgMi4xNzUgMi4xNzUgMCAwIDEtLjg5Ni0uMjQxIDQuNDUgNC40NSAwIDAgMC0uMTQ1IDEuMDI3IDMuNzEgMy43MSAwIDAgMCAzLjcwOSAzLjcxIDMuNzEgMy43MSAwIDAgMCAzLjcwOS0zLjcxIDMuNzEgMy43MSAwIDAgMC0zLjUxMi0zLjcwNGwtLjIwOS0uMDA1em05LjQ0NyAzLjIzNGMtMS44LTMuNTEzLTUuMzY1LTUuODktOS40NDctNS44OS00LjA4MSAwLTcuNjQ3IDIuMzc5LTkuNDQ2IDUuODlhMS4yNzQgMS4yNzQgMCAwIDAtLjExNi40ODVjMCAuMTQyLjA1Mi4zNTkuMTE2LjQ4NSAxLjggMy41MTMgNS4zNjUgNS44OSA5LjQ0NiA1Ljg5IDQuMDgyIDAgNy42NDgtMi4zNzkgOS40NDctNS44OS4wNjQtLjEyNy4xMTYtLjM0NC4xMTYtLjQ4NSAwLS4xNDEtLjA1Mi0uMzU5LS4xMTYtLjQ4NXptLTkuNDQ3IDUuMjY2Yy0zLjI3NSAwLTYuMjc4LTEuODI2LTcuOS00Ljc4MSAxLjYyMi0yLjk1NSA0LjYyNS00Ljc4MSA3LjktNC43ODEgMy4yNzYgMCA2LjI3OSAxLjgyNiA3LjkgNC43ODEtMS42MiAyLjk1NS00LjYyNCA0Ljc4MS03LjkgNC43ODF6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=
Real time previews
Icon for data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjQiIGhlaWdodD0iNjYiIHZpZXdCb3g9IjAgMCA2NCA2NiI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iYSIgZD0iTTYwLjU1MyA0OS4zNTZoLTguNjJsNC41MzcgMTAuODlhMS40OCAxLjQ4IDAgMCAxLS43NjggMS45MjJsLTMuOTk0IDEuNzE1Yy0uNzQ1LjMyLTEuNTgtLjA0NS0xLjg5Ni0uNzc3bC00LjMxLTEwLjM0MS03LjA0MiA3LjEzOGMtLjkzOC45NS0yLjQ2LjIxNy0yLjQ2LTEuMDNWMjQuNDY1YzAtMS4zMTMgMS42MTktMS45NTMgMi40Ni0xLjAzbDIzLjEwOCAyMy40MjdjLjkzMy44OTUuMjQ1IDIuNDk0LTEuMDE1IDIuNDk0eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8ZyBmaWxsPSIjNzVEMjkyIj4KICAgICAgICAgICAgPHBhdGggZD0iTTQ3LjgzMyAxNS4wNjNjMC0xLjg3My0xLjUxMi0zLjM5Ni0zLjM3MS0zLjM5NkgxMS41MzhjLTEuODU5IDAtMy4zNzEgMS41MjMtMy4zNzEgMy4zOTZ2MjUuODc0YzAgMS44NzMgMS41MTIgMy4zOTYgMy4zNzEgMy4zOTZoMzIuOTIzYzEuODYgMCAzLjM3Mi0xLjUyMyAzLjM3Mi0zLjM5NlYxNS4wNjN6bS0zNi4yOTUtLjc0NWgzMi45MjNjLjQwOCAwIC43NC4zMzQuNzQuNzQ1djIxLjM3MWwtNy42MDMtNy4xMjNhLjkzNi45MzYgMCAwIDAtMS4yNC0uMDM3bC02LjQxMyA1LjM0NC0xMC4wMzgtMTMuOTM1YS45MzguOTM4IDAgMCAwLTEuNTAyLS4wMjdMMTAuOCAzMC40NlYxNS4wNjNjMC0uNDExLjMzMi0uNzQ1Ljc0LS43NDV6bS0uNzM5IDI2LjYydi03LjQwM2w4LjMyLTEwLjcyMyAxMy41OSAxOC44N0gxMS41NGEuNzQyLjc0MiAwIDAgMS0uNzQtLjc0NXptMzMuNjYyLjc0NGgtOS40MjhsLTMuOTgyLTUuNTI3IDUuODctNC44OTEgOC4yOCA3Ljc1N3YxLjkxN2MwIC40MS0uMzMyLjc0NC0uNzQuNzQ0ek0zMS4yOTUgNS44MzNoMy45MWMuNTMxIDAgLjk2Mi0uNTIyLjk2Mi0xLjE2NiAwLS42NDUtLjQzLTEuMTY3LS45NjItMS4xNjdoLTMuOTFjLS41MzEgMC0uOTYyLjUyMi0uOTYyIDEuMTY3IDAgLjY0NC40MyAxLjE2Ni45NjIgMS4xNjZ6TTQwLjYyOCA1LjgzM2gzLjkxYy41MzIgMCAuOTYyLS41MjIuOTYyLTEuMTY2IDAtLjY0NS0uNDMtMS4xNjctLjk2Mi0xLjE2N2gtMy45MWMtLjUzIDAtLjk2MS41MjItLjk2MSAxLjE2NyAwIC42NDQuNDMgMS4xNjYuOTYxIDEuMTY2ek0yMC43OTUgNS44MzNoMy45MWMuNTMxIDAgLjk2Mi0uNTIyLjk2Mi0xLjE2NiAwLS42NDUtLjQzLTEuMTY3LS45NjItMS4xNjdoLTMuOTFjLS41MzEgMC0uOTYyLjUyMi0uOTYyIDEuMTY3IDAgLjY0NC40MyAxLjE2Ni45NjIgMS4xNjZ6TTEyLjYyOCA1LjgzM2gzLjkxYy41MzIgMCAuOTYyLS41MjIuOTYyLTEuMTY2IDAtLjY0NS0uNDMtMS4xNjctLjk2Mi0xLjE2N2gtMy45MWMtLjUzIDAtLjk2MS41MjItLjk2MSAxLjE2NyAwIC42NDQuNDMgMS4xNjYuOTYxIDEuMTY2ek01LjgzMyAyMC44YzAtLjUzNC0uNTIyLS45NjctMS4xNjYtLjk2Ny0uNjQ1IDAtMS4xNjcuNDMzLTEuMTY3Ljk2N3YzLjljMCAuNTM0LjUyMi45NjcgMS4xNjcuOTY3LjY0NCAwIDEuMTY2LS40MzMgMS4xNjYtLjk2N3YtMy45ek01LjgzMyAzMS4zYzAtLjUzNC0uNTIyLS45NjctMS4xNjYtLjk2Ny0uNjQ1IDAtMS4xNjcuNDMzLTEuMTY3Ljk2N3YzLjljMCAuNTM0LjUyMi45NjcgMS4xNjcuOTY3LjY0NCAwIDEuMTY2LS40MzMgMS4xNjYtLjk2N3YtMy45ek00LjY2NyAzOS42NjdjLS42NDUgMC0xLjE2Ny40MzItMS4xNjcuOTY3djMuODk5YzAgLjUzNC41MjIuOTY3IDEuMTY3Ljk2Ny42NDQgMCAxLjE2Ni0uNDMzIDEuMTY2LS45Njd2LTMuOWMwLS41MzQtLjUyMi0uOTY2LTEuMTY2LS45NjZ6TTUuODMzIDEyLjYzNGMwLS41MzUtLjUyMi0uOTY3LTEuMTY2LS45NjctLjY0NSAwLTEuMTY3LjQzMi0xLjE2Ny45Njd2My44OTljMCAuNTM0LjUyMi45NjcgMS4xNjcuOTY3LjY0NCAwIDEuMTY2LS40MzMgMS4xNjYtLjk2N3YtMy45ek0zNS4yMDYgNTAuMTY3aC0zLjkxMmMtLjUzIDAtLjk2LjUyMi0uOTYgMS4xNjYgMCAuNjQ1LjQzIDEuMTY3Ljk2IDEuMTY3aDMuOTEyYy41MyAwIC45Ni0uNTIyLjk2LTEuMTY3IDAtLjY0NC0uNDMtMS4xNjYtLjk2LTEuMTY2ek0yNC43MDYgNTAuMTY3aC0zLjkxMmMtLjUzIDAtLjk2LjUyMi0uOTYgMS4xNjYgMCAuNjQ1LjQzIDEuMTY3Ljk2IDEuMTY3aDMuOTEyYy41MyAwIC45Ni0uNTIyLjk2LTEuMTY3IDAtLjY0NC0uNDMtMS4xNjYtLjk2LTEuMTY2ek0xNi41NCA1MC4xNjdoLTMuOTEyYy0uNTMxIDAtLjk2MS41MjItLjk2MSAxLjE2NiAwIC42NDUuNDMgMS4xNjcuOTYgMS4xNjdoMy45MTJjLjUzIDAgLjk2MS0uNTIyLjk2MS0xLjE2NyAwLS42NDQtLjQzLTEuMTY2LS45Ni0xLjE2NnpNNDQuNTQgNTAuMTY3aC0zLjkxMmMtLjUzMSAwLS45NjEuNTIyLS45NjEgMS4xNjYgMCAuNjQ1LjQzIDEuMTY3Ljk2IDEuMTY3aDMuOTEyYy41MyAwIC45NjEtLjUyMi45NjEtMS4xNjcgMC0uNjQ0LS40My0xLjE2Ni0uOTYtMS4xNjZ6TTUwLjE2NyAyNC43YzAgLjUzNC41MjIuOTY3IDEuMTY2Ljk2Ny42NDUgMCAxLjE2Ny0uNDMzIDEuMTY3LS45Njd2LTMuOWMwLS41MzQtLjUyMi0uOTY3LTEuMTY3LS45NjctLjY0NCAwLTEuMTY2LjQzMy0xLjE2Ni45Njd2My45ek01MC4xNjcgNDQuNTMzYzAgLjUzNC41MjIuOTY3IDEuMTY2Ljk2Ny42NDUgMCAxLjE2Ny0uNDMzIDEuMTY3LS45Njd2LTMuOWMwLS41MzQtLjUyMi0uOTY2LTEuMTY3LS45NjYtLjY0NCAwLTEuMTY2LjQzMi0xLjE2Ni45Njd2My44OTl6TTUxLjMzMyAxNy41Yy42NDUgMCAxLjE2Ny0uNDMzIDEuMTY3LS45Njd2LTMuOWMwLS41MzQtLjUyMi0uOTY2LTEuMTY3LS45NjYtLjY0NCAwLTEuMTY2LjQzMi0xLjE2Ni45Njd2My44OTljMCAuNTM0LjUyMi45NjcgMS4xNjYuOTY3ek01MC4xNjcgMzUuMmMwIC41MzQuNTIyLjk2NyAxLjE2Ni45NjcuNjQ1IDAgMS4xNjctLjQzMyAxLjE2Ny0uOTY3di0zLjljMC0uNTM0LS41MjItLjk2Ny0xLjE2Ny0uOTY3LS42NDQgMC0xLjE2Ni40MzMtMS4xNjYuOTY3djMuOXpNMS4yOTMgOS4zMzNoNS41OGMuNzE1IDAgMS4yOTQtLjYzNCAxLjI5NC0xLjQxNlYxLjQxNkM4LjE2Ny42MzQgNy41ODcgMCA2Ljg3MyAwaC01LjU4Qy41OCAwIDAgLjYzNCAwIDEuNDE2djYuNTAxQzAgOC43LjU4IDkuMzMzIDEuMjkzIDkuMzMzem0xLjI5NC02LjUwMUg1LjU4djMuNjdIMi41ODd2LTMuNjd6TTU0LjcwNyAwaC01LjU4Yy0uNzE1IDAtMS4yOTQuNjM0LTEuMjk0IDEuNDE2djYuNTAxYzAgLjc4Mi41OCAxLjQxNiAxLjI5NCAxLjQxNmg1LjU4QzU1LjQyIDkuMzMzIDU2IDguNyA1NiA3LjkxN1YxLjQxNkM1NiAuNjM0IDU1LjQyIDAgNTQuNzA3IDB6bS0xLjI5NCA2LjUwMkg1MC40MnYtMy42N2gyLjk5M3YzLjY3ek01NC43MDcgNDYuNjY3aC01LjU4Yy0uNzE1IDAtMS4yOTQuNjM0LTEuMjk0IDEuNDE2djYuNTAxYzAgLjc4Mi41OCAxLjQxNiAxLjI5NCAxLjQxNmg1LjU4QzU1LjQyIDU2IDU2IDU1LjM2NiA1NiA1NC41ODR2LTYuNTAxYzAtLjc4Mi0uNTgtMS40MTYtMS4yOTMtMS40MTZ6bS0xLjI5NCA2LjUwMUg1MC40MnYtMy42N2gyLjk5M3YzLjY3ek02Ljg3MyA0Ni42NjdoLTUuNThDLjU4IDQ2LjY2NyAwIDQ3LjMgMCA0OC4wODN2Ni41MDFDMCA1NS4zNjYuNTggNTYgMS4yOTMgNTZoNS41OGMuNzE1IDAgMS4yOTQtLjYzNCAxLjI5NC0xLjQxNnYtNi41MDFjMC0uNzgyLS41OC0xLjQxNi0xLjI5NC0xLjQxNnptLTEuMjk0IDIuODMxdjMuNjdIMi41ODd2LTMuNjdoMi45OTJ6Ii8+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNy4zMzMgMjhBNC42NzIgNC42NzIgMCAwIDAgNDIgMjMuMzMzYTQuNjcyIDQuNjcyIDAgMCAwLTQuNjY3LTQuNjY2IDQuNjcyIDQuNjcyIDAgMCAwLTQuNjY2IDQuNjY2QTQuNjcyIDQuNjcyIDAgMCAwIDM3LjMzMyAyOHptMC03LjI5M2EyLjYzIDIuNjMgMCAwIDEgMi42MjcgMi42MjcgMi42MyAyLjYzIDAgMCAxLTIuNjI3IDIuNjI2IDIuNjMgMi42MyAwIDAgMS0yLjYyNi0yLjYyNiAyLjYzIDIuNjMgMCAwIDEgMi42MjYtMi42Mjd6Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnIHN0cm9rZS13aWR0aD0iMiI+CiAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZGRiIgc3Ryb2tlPSIjNzVEMjkyIiB4bGluazpocmVmPSIjYSIvPgogICAgICAgICAgICA8cGF0aCBzdHJva2U9IiNGRkYiIGQ9Ik01My40MzMgNTAuMzU2bDMuOTYgOS41MDRhMi40ODIgMi40ODIgMCAwIDEtMS4yOTYgMy4yMjZsLTMuOTk0IDEuNzE2Yy0xLjI1LjUzOC0yLjY3My0uMDU5LTMuMjE0LTEuMzEybC0zLjczMi04Ljk1Mi01Ljk4NSA2LjA2N2MtMS41NTggMS41OC00LjE3Mi40MjItNC4xNzItMS43MzJWMjQuNDY1YzAtMi4yMDMgMi43MjctMy4zMiA0LjE3Mi0xLjczMWwyMy4wOSAyMy40MDdjMS41NzggMS41MTYuNDU1IDQuMjE1LTEuNzEgNC4yMTVoLTcuMTE5eiIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==
WYSIWYG text editing
Icon for data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NSIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY1IDY0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgPHBhdGggZmlsbD0iIzU0QzNGRiIgZD0iTTY1IDBIMHY2NGg2NVYwem0tNC42OSA0LjcxNnYxMC40NDJINC42OVY0LjcxNmg1NS42MnpNNC42OSA1OS4yODR2LTM5LjQxaDU1LjYydjM5LjQxSDQuNjl6Ii8+CiAgICAgICAgPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjMiIGZpbGw9IiM1NEMzRkYiLz4KICAgICAgICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjkiIHI9IjMiIGZpbGw9IiM1NEMzRkYiLz4KICAgICAgICA8Y2lyY2xlIGN4PSIyMyIgY3k9IjkiIHI9IjMiIGZpbGw9IiM1NEMzRkYiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNzVEMjkyIiBkPSJNNyAyMmg0djE1SDd6TTE0IDIyaDN2MTVoLTN6TTIwIDIyaDE2djE1SDIwek0zOCAyMmgyMHYxNUgzOHoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNTRDM0ZGIiBkPSJNNyA0MWg0djVIN3pNMTQgNDFoOXY1aC05ek0yNiA0MWg2djVoLTZ6TTM0IDQxaDI0djVIMzR6TTcgNTBoNHY1SDd6TTE0IDUwaDN2NWgtM3pNMjAgNTBoM3Y1aC0zek0zMCA1MGg4djVoLTh6TTQxIDUwaDN2NWgtM3pNNDUgNTBoMTJ2NUg0NXpNMjQgNTBoNHY1aC00eiIvPgogICAgPC9nPgo8L3N2Zz4K
Jump to source
Icon for data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MiIgaGVpZ2h0PSI2NSIgdmlld0JveD0iMCAwIDgyIDY1Ij4KICAgIDxwYXRoIGZpbGw9IiNGNDg0NjAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTY2LjMxNCA0Ni45MzdjMCAuNzEyLjU3MyAxLjI4OSAxLjI4MSAxLjI4OXMxLjI4MS0uNTc3IDEuMjgxLTEuMjg5YzAtLjcxMS0uNTczLTEuMjg4LTEuMjgtMS4yODgtLjcwOSAwLTEuMjgyLjU3Ny0xLjI4MiAxLjI4OHptNS4xNzEtMTUuNjZhNS41ODcgNS41ODcgMCAwIDAtMy45ODEtMS42NTdjLTMuMTAzIDAtNS42MyAyLjU0LTUuNjMgNS42NTkgMCAuNjI2LjUxMyAxLjE0IDEuMTM1IDEuMTQuNjIzIDAgMS4xMzUtLjUxNCAxLjEzNS0xLjE0IDAtMS44NjggMS41MS0zLjM4NiAzLjM2OS0zLjM4Ni44OTcgMCAxLjczOS4zNSAyLjM4Ljk5My42MzEuNjM1Ljk4OCAxLjQ5MS45ODggMi4zOTNhMy4zMyAzLjMzIDAgMCAxLS43NSAyLjEyNSAzLjMzNSAzLjMzNSAwIDAgMS0xLjg3NyAxLjE2OSAyLjM5IDIuMzkgMCAwIDAtMS44NjcgMi4zNDZ2MS44NWMwIC42MjYuNTEyIDEuMTQxIDEuMTM1IDEuMTQxLjYyMiAwIDEuMTM1LS41MTUgMS4xMzUtMS4xNDF2LTEuODVjMC0uMDU1LjAzNi0uMTEuMS0uMTJhNS42NjQgNS42NjQgMCAwIDAgMy4xNC0xLjk2IDUuNzIgNS43MiAwIDAgMCAxLjI1NC0zLjU2IDUuNjY0IDUuNjY0IDAgMCAwLTEuNjY2LTQuMDAzek0zLjQ4OCA0My41MTNjLjMwMi0uNjI1LjgyNC0uOCAxLjQ3NC0uNzU0LjMyLjAxOC42NSAwIDEuMDUyIDB2LTEuMzUzYzAtLjcwOC4zNTctMS4wOTUuOTk4LTEuMDk1LjY5NSAwIDEuMDUyLjM3NyAxLjA1MiAxLjA5NXYxLjMwN2MuNTc3LjA0NiAxLjExNy4wNDYgMS42MzkuMTM4LjU5NS4xMDEuOTQzLjU4OS44ODggMS4wNzYtLjA3NC41OTgtLjQ4NS45NjctMS4xMjYuOTk0LS4yMjkuMDEtLjQ2NyAwLS42OTYgMGgtLjcwNWMwIC41MTUuMDEuOTk0IDAgMS40NzItLjAwOS40MTQtLjE1NS43ODMtLjU2Ny45Mi0uMzc1LjEyLS45ODkuMTU3LTEuMjQ1LS4yM2ExLjQxNCAxLjQxNCAwIDAgMS0uMjM4LS42MjVjLS4wMzYtLjQ3OS0uMDE4LS45NjYtLjAyNy0xLjQ1NCAwLS4wMS0uMDE5LS4wMjgtLjA2NC0uMDgzLS4yOTMgMC0uNjMyLS4wMTgtLjk3IDAtLjY1LjA0Ni0xLjE3Mi0uMTI5LTEuNDc0LS43NTQuMDA5LS4yMjEuMDA5LS40MzMuMDA5LS42NTR6TTMuNjQ0IDBjLjc2LjI4NS45NDIuNjkuOTMzIDEuNDcyVjIuNTRjLjUwNCAwIC45NjEtLjAxIDEuNDI4IDAgLjQ1OC4wMDkuODE1LjI0OC45NTIuNjcxLjEyOC4zNzguMTU2LjgyLS4yMDEgMS4xMTRhMS4yMyAxLjIzIDAgMCAxLS42NS4yNjdjLS40OTUuMDM2LS45ODkuMDA5LTEuNTIuMDA5IDAgLjQ5Ny4wMTkuOTQ4LS4wMDkgMS4zOS0uMDQ2Ljc4MS0uNTEyIDEuMjA1LTEuMDg5IDEuMTU5LS42MzItLjA0Ni0xLjAzNC0uNDQyLTEuMDUzLTEuMTUtLjAwOS0uNDUxIDAtLjkwMiAwLTEuNEgxLjA1M0MuMzc2IDQuNi4wMiA0LjI5OC4wMDEgMy43MThjLS4wMTktLjc1NC4zMy0xLjE1IDEuMDI1LTEuMTc3LjIyOS0uMDEuNDY3IDAgLjY5NSAwaC43MDVWMS41YzAtLjkzOS4xNDctMS4xNjkuOTM0LTEuNDlDMy40NSAwIDMuNTUyIDAgMy42NDQgMHptNjIuMTg1IDYxLjgwN2guOTZjLjQ4Ni4wMS43MTUuMjIuNzI0LjY5LjAwOS40Ny0uMjM4Ljc4Mi0uNjc4LjgxLS4zMS4wMTgtLjYyMiAwLTEuMDA2IDB2Ljg4M2MtLjAxLjUxNi0uMjY2LjgxLS43MzMuODEtLjQ5NCAwLS43Ni0uMjc2LS43NjktLjgxOXYtLjg3NGgtLjgyM2MtLjU3NyAwLS44Ni0uMjY3LS44NTItLjc4Mi4wMS0uNTUyLjIwMi0uNzI3LjgyNC0uNzI3aC44NnYtLjk3NmMuMDEtLjQ2OS4yNzUtLjc2My43MTUtLjguMzU3LS4wMjguNzQuMzQuNzc4Ljc1NC4wMTguMTc1IDAgLjM0IDAgLjUxNnYuNTE1em0yLjIwNS01NC44NDFjMCAuMzc3LjAxLjY5IDAgLjk5My0uMDE4LjQzMy0uMzIuNy0uNzUuN3MtLjcxNC0uMjY3LS43NDItLjcwOWMtLjAwOS0uMTU2IDAtLjMxMyAwLS40N3YtLjUxNGMtLjMyIDAtLjYxMy4wMDktLjkwNiAwLS41MDMtLjAxLS43NzgtLjI4Ni0uNzc4LS43NjQgMC0uNTUyLjE5My0uNzM2Ljc2LS43MzZoLjkxNWMwLS4zNS0uMDA5LS42NjMgMC0uOTc2LjAxOS0uNDIzLjM4NS0uODI4LjcyMy0uODEuNDEyLjAxOS43NS4zNzguNzcuODIuMDA4LjI5NCAwIC41OTggMCAuOTY2aC45N2MuNDU3LjAwOS42OTUuMjMuNzEzLjY1My4wMTkuNDc5LS4yMi44LS42NS44NDctLjE3My4wMTgtLjMzOCAwLS41MTIgMGgtLjUxM3pNNTYuMTcyIDI0LjkyN0gzNC44NjRhMS42ODQgMS42ODQgMCAwIDEtMS42ODQtMS42OTNjMC0uOTM5Ljc1LTEuNjkzIDEuNjg0LTEuNjkzaDIxLjMxN2MuOTM0IDAgMS42ODQuNzU0IDEuNjg0IDEuNjkzYTEuNjk4IDEuNjk4IDAgMCAxLTEuNjkzIDEuNjkzem0tMTEuMzU5IDkuNjE2aC05Ljk0OWExLjY4NCAxLjY4NCAwIDAgMS0xLjY4NC0xLjY5M2MwLS45MzkuNzUtMS42OTMgMS42ODQtMS42OTNoOS45NWMuOTMzIDAgMS42ODQuNzU0IDEuNjg0IDEuNjkzIDAgLjkzOC0uNzUxIDEuNjkzLTEuNjg1IDEuNjkzek04MS4zOSA0My4wOUExNC42MjIgMTQuNjIyIDAgMCAwIDc2LjUgMjcuNDg1di05LjgyN2MwLTIuOTE3LTIuMzYyLTUuMjkxLTUuMjYzLTUuMjkxSDMxLjI4NWMtMi45MDEgMC01LjI2MyAyLjM3NC01LjI2MyA1LjI5VjM4Ljk3YzAgMi45MTcgMi4zNjIgNS4yOSA1LjI2MyA1LjI5SDU0LjAzYzEuNTc1IDQuMDEzIDQuODk3IDcuMjggOS4zMjcgOC42MTMgMy4xMy45MzkgNi4zMjUuNzczIDkuMTcxLS4yODUuMDI4LjE4NC4wODMuMzY4LjE3NC41NDNsNS4wMDcgOS4zMjFhMS41NzggMS41NzggMCAwIDAgMi4xNDIuNjQ0IDEuNTk1IDEuNTk1IDAgMCAwIC42NC0yLjE1M2wtNC45OTctOS4zM2ExLjc5NCAxLjc5NCAwIDAgMC0uMjY1LS4zNjggMTQuNDc1IDE0LjQ3NSAwIDAgMCA2LjE2LTguMTUzem0tMjcuNzYxLTguMzU1YTE0LjY1NiAxNC42NTYgMCAwIDAtLjQ4NSA2LjEzN0gzMS4yODVhMS45MDQgMS45MDQgMCAwIDEtMS44OTQtMS45MDRWMTcuNjU4YzAtMS4wNS44NTEtMS45MDUgMS44OTQtMS45MDVoMzkuOTYyYzEuMDQ0IDAgMS44OTUuODU2IDEuODk1IDEuOTA1djcuODNjLS40NzYtLjIwMi0uOTctLjM3Ny0xLjQ3NC0uNTMzLTcuNjctMi4zLTE1Ljc0MyAyLjA4LTE4LjA0IDkuNzgxem0xOS4yNTcgMTQuMjA3YTExLjI1IDExLjI1IDAgMCAxLTguNjIyLjg4NCAxMS4zNzcgMTEuMzc3IDAgMCAxLTMuOTcyLTIuMTI2IDExLjQzMyAxMS40MzMgMCAwIDEtMi43NTUtMy4zNzdjLS4wMS0uMDE4LS4wMTgtLjA0Ni0uMDM3LS4wNjRhMTEuMTQ3IDExLjE0NyAwIDAgMS0xLjE1My0zLjM4NyAxMS4zNjMgMTEuMzYzIDAgMCAxIC4zMTEtNS4yMTcgMTEuNDc3IDExLjQ3NyAwIDAgMSAyLjExNS0zLjk5MyAxMS4zOTggMTEuMzk4IDAgMCAxIDMuMzU5LTIuNzcgMTEuMjUgMTEuMjUgMCAwIDEgOC42MjItLjg4MyAxMS4xOTQgMTEuMTk0IDAgMCAxIDUuNzM5IDMuOTg0Yy4zNjYuNDc4LjY4Ni45ODQuOTggMS41MThhMTEuMzk2IDExLjM5NiAwIDAgMSAxLjI5IDQuMTY4Yy4xNjQgMS41MS4wMjcgMy4wMjgtLjQxMiA0LjVhMTEuNDc3IDExLjQ3NyAwIDAgMS0yLjExNSAzLjk5NCAxMS4yNDYgMTEuMjQ2IDAgMCAxLTMuMzUgMi43N3ptLTIyLjMyNCA1Ljc3SDIyLjA5NmExLjY4NCAxLjY4NCAwIDAgMS0xLjY4NC0xLjY5M2MwLS45MzkuNzUtMS42OTQgMS42ODQtMS42OTRINTAuNTZjLjkzNCAwIDEuNjg1Ljc1NSAxLjY4NSAxLjY5NCAwIC45MzgtLjc1IDEuNjkzLTEuNjg1IDEuNjkzem0yLjY0NiA5LjY4aC00MS4yN1YxMC4zMTVjMC00LjY5MyAzLjc5OC04LjUxMSA4LjQ2Ni04LjUxMWg0MS4yN3Y3LjgzSDU3LjkzVjUuNTU4SDIwLjQwM2MtMi42MDkgMC00LjcyMyAyLjEzNS00LjcyMyA0Ljc0OHY1MC4zMjNoMzcuNTI3YzIuNjA4IDAgNC43MjMtMi4xMzUgNC43MjMtNC43NDh2LTEuNDQ0aDMuNzQzdjEuNDQ0YzAgNC42OTMtMy43OTggOC41MTItOC40NjYgOC41MTJ6Ii8+Cjwvc3ZnPgo=
Dynamic type inferrence
Icon for data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MiIgaGVpZ2h0PSI1NSIgdmlld0JveD0iMCAwIDcyIDU1Ij4KICAgIDxnIGZpbGw9IiM1NEMzRkYiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgPHBhdGggZD0iTTcxLjQgOC4zOTljLS4zNzUtMS4xOS0xLjItMi4wODEtMi4zMjUtMi42NzZMNTkuMzI1Ljg5MkM1Ny4wNzUtLjIyMyA1NC4zLjY2OSA1My4xIDIuOTczbC0xNS45IDMxLjQ0Yy0uMy41OTQtLjQ1IDEuMTg4LS40NSAxLjc4M0wzNiA0OS43MjNhNC42IDQuNiAwIDAgMCAyLjU1IDQuMzFjLjY3NS4yOTggMS4zNS41MjEgMi4xLjUyMSAxLjA1IDAgMi4xLS4zNzIgMi45MjUtMS4wNEw1NCA0NC44OTJjLjUyNS0uNDQ2LjktLjg5MiAxLjItMS40ODdsMTUuOS0zMS40MzljLjYtMS4xMTUuNjc1LTIuMzc4LjMtMy41Njd6TTU3Ljc1IDYuNDY2bDcuOCAzLjg2NS0xLjUgMi44OTktNy44LTMuODY1IDEuNS0yLjg5OXptLTE1LjkgNDEuMTAybC4zLTYuOTg3IDUuMSAyLjUyNy01LjQgNC40NnptOS4zNzUtOC44NDVsLTcuOC0zLjg2NSAxMC4zNS0yMC40NCA3LjcyNSAzLjg2Ni0xMC4yNzUgMjAuNDM5ek0zLjIyNSA4Ljk5M0g0MmMxLjU3NSAwIDIuODUtMS4yNjMgMi44NS0yLjgyNCAwLTEuNTYtMS4yNzUtMi44MjQtMi44NS0yLjgyNEgzLjIyNWMtMS41NzUgMC0yLjg1IDEuMjYzLTIuODUgMi44MjQgMCAxLjQ4NiAxLjI3NSAyLjgyNCAyLjg1IDIuODI0ek0zNy43MjUgMTkuNzdjMC0xLjU2LTEuMjc1LTIuODI0LTIuODUtMi44MjRIMy4yMjVjLTEuNTc1IDAtMi44NSAxLjI2My0yLjg1IDIuODI0czEuMjc1IDIuODI1IDIuODUgMi44MjVoMzEuNjVjMS41NzUgMCAyLjg1LTEuMjY0IDIuODUtMi44MjV6TTI4Ljg3NSAzMC41NDdIMy4yMjVjLTEuNTc1IDAtMi44NSAxLjI2NC0yLjg1IDIuODI1IDAgMS41NiAxLjI3NSAyLjgyNCAyLjg1IDIuODI0aDI1LjY1YzEuNTc1IDAgMi44NS0xLjI2NCAyLjg1LTIuODI0IDAtMS41NjEtMS4yNzUtMi44MjUtMi44NS0yLjgyNXpNMjYuOTI1IDQ0LjE0OWgtMjMuN2MtMS41NzUgMC0yLjg1IDEuMjYzLTIuODUgMi44MjQgMCAxLjU2IDEuMjc1IDIuODI0IDIuODUgMi44MjRoMjMuN2MxLjU3NSAwIDIuODUtMS4yNjMgMi44NS0yLjgyNCAwLTEuNTYtMS4yNzUtMi44MjQtMi44NS0yLjgyNHoiLz4KICAgIDwvZz4KPC9zdmc+Cg==
Smart autocomplete
Icon for data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij4KICAgIDxwYXRoIGZpbGw9IiNGNDg0NjAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQ2LjkzMyAxOC4xMzNoMi4xMzR2Mi4xMzRjMCAuNTg5LjQ3NyAxLjA2NiAxLjA2NiAxLjA2Nkg1NC40Yy41OSAwIDEuMDY3LS40NzcgMS4wNjctMS4wNjZ2LTIuMTM0SDU3LjZhMS4wNjcgMS4wNjcgMCAwIDAgLjc1NC0xLjgybC01LjMzMy01LjMzNGExLjA2NyAxLjA2NyAwIDAgMC0xLjUwOSAwbC01LjMzMyA1LjMzM2ExLjA2NyAxLjA2NyAwIDAgMCAuNzU0IDEuODIxem01LjMzNC00Ljg5MUw1NS4wMjUgMTZINTQuNGMtLjU5IDAtMS4wNjcuNDc4LTEuMDY3IDEuMDY3VjE5LjJINTEuMnYtMi4xMzNjMC0uNTktLjQ3OC0xLjA2Ny0xLjA2Ny0xLjA2N2gtLjYyNWwyLjc1OS0yLjc1OHpNNi40IDE4LjEzM2gyLjEzM3YyLjEzNGMwIC41ODkuNDc4IDEuMDY2IDEuMDY3IDEuMDY2aDQuMjY3Yy41ODkgMCAxLjA2Ni0uNDc3IDEuMDY2LTEuMDY2di0yLjEzNGgyLjEzNGExLjA2NyAxLjA2NyAwIDAgMCAuNzU0LTEuODJsLTUuMzMzLTUuMzM0YTEuMDY3IDEuMDY3IDAgMCAwLTEuNTA5IDBsLTUuMzMzIDUuMzMzYTEuMDY3IDEuMDY3IDAgMCAwIC43NTQgMS44MjF6bTUuMzMzLTQuODkxTDE0LjQ5MiAxNmgtLjYyNWMtLjU5IDAtMS4wNjcuNDc4LTEuMDY3IDEuMDY3VjE5LjJoLTIuMTMzdi0yLjEzM2MwLS41OS0uNDc4LTEuMDY3LTEuMDY3LTEuMDY3aC0uNjI1bDIuNzU4LTIuNzU4em0xNC45MzQtNS43NzVIMjguOFY5LjZjMCAuNTg5LjQ3OCAxLjA2NyAxLjA2NyAxLjA2N2g0LjI2NmMuNTkgMCAxLjA2Ny0uNDc4IDEuMDY3LTEuMDY3VjcuNDY3aDIuMTMzYTEuMDY3IDEuMDY3IDAgMCAwIC43NTUtMS44MjFMMzIuNzU0LjMxMmExLjA2NyAxLjA2NyAwIDAgMC0xLjUwOCAwbC01LjMzNCA1LjMzNGExLjA2NyAxLjA2NyAwIDAgMCAuNzU1IDEuODJ6TTMyIDIuNTc1bDIuNzU4IDIuNzU4aC0uNjI1Yy0uNTg5IDAtMS4wNjYuNDc4LTEuMDY2IDEuMDY3djIuMTMzaC0yLjEzNFY2LjRjMC0uNTktLjQ3Ny0xLjA2Ny0xLjA2Ni0xLjA2N2gtLjYyNUwzMiAyLjU3NXptLjc1NCAzNi4xMzdhMS4wNjcgMS4wNjcgMCAwIDAtMS41MDggMGwtOS42IDkuNmExLjA2NyAxLjA2NyAwIDAgMCAuNzU0IDEuODIxaDQuMjY3djguNTM0YzAgLjU4OS40NzcgMS4wNjYgMS4wNjYgMS4wNjZoOC41MzRjLjU4OSAwIDEuMDY2LS40NzcgMS4wNjYtMS4wNjZ2LTguNTM0SDQxLjZhMS4wNjcgMS4wNjcgMCAwIDAgLjc1NC0xLjgybC05LjYtOS42ek0zNi4yNjcgNDhjLS41OSAwLTEuMDY3LjQ3OC0xLjA2NyAxLjA2N1Y1Ny42aC02LjR2LTguNTMzYzAtLjU5LS40NzgtMS4wNjctMS4wNjctMS4wNjdoLTIuNzU4TDMyIDQwLjk3NSAzOS4wMjUgNDhoLTIuNzU4em0yNS42LTIuNDc3VjI5Ljg2N2MwLTEuNzY1LTEuNDM2LTMuMi0zLjItMy4yaC02LjRjLS4yODMgMC0uNTU1LjExMi0uNzU1LjMxMmwtMS44MiAxLjgyMWgtNS45NTl2LTguNTMzYzAtMS43NjUtMS40MzUtMy4yLTMuMi0zLjJoLTYuNGMtLjI4MyAwLS41NTQuMTEyLS43NTQuMzEyTDMxLjU2IDE5LjJoLTguMDkyYTMuMjA0IDMuMjA0IDAgMCAwLTMuMiAzLjJ2Mi4xMzNIMTZjLS4yODMgMC0uNTU0LjExMy0uNzU0LjMxM2wtMS44MjEgMS44Mkg1LjMzM2EzLjIwNCAzLjIwNCAwIDAgMC0zLjIgMy4ydjEyLjg3OUExMy44IDEzLjggMCAwIDAgMCA1MC4xMzNhMTMuNzcgMTMuNzcgMCAwIDAgNC4wNjIgOS44MDVBMTMuNzcgMTMuNzcgMCAwIDAgMTMuODY3IDY0aDM4LjRjMy4xMzIgMCA2LjA3OS0xLjIyIDguMjk3LTMuNDM3QTExLjY2MiAxMS42NjIgMCAwIDAgNjQgNTIuMjY3YzAtMi40NDEtLjczOC00Ljc2NS0yLjEzMy02Ljc0NHptLTExLjczNC0xNC41OWMuMjgzIDAgLjU1NS0uMTEyLjc1NS0uMzEybDEuODItMS44MjFoNS45NTljLjU4OCAwIDEuMDY2LjQ3OCAxLjA2NiAxLjA2N3YxMy4zNDdsLS4wMTgtLjAxNGMtLjA0LS4wMzQtLjA4My0uMDY2LS4xMjUtLjA5OS0uMS0uMDgxLS4yMDItLjE2MS0uMzA1LS4yMzktLjA1NS0uMDQxLS4xMTItLjA4LS4xNjgtLjEyMWExMS43MTMgMTEuNzEzIDAgMCAwLS4yNzctLjE5NSAxMS42NDQgMTEuNjQ0IDAgMCAwLS45MzMtLjU3IDExLjYyNiAxMS42MjYgMCAwIDAtLjQ5My0uMjU2Yy0uMDYtLjAzLS4xMjEtLjA2MS0uMTgzLS4wOWExMS41NjEgMTEuNTYxIDAgMCAwLS4zNTEtLjE1NmMtLjA0OC0uMDItLjA5NC0uMDQyLS4xNDItLjA2MWExMS41ODcgMTEuNTg3IDAgMCAwLS41MDItLjE5NGwtLjEwMi0uMDM0YTExLjU4NiAxMS41ODYgMCAwIDAtLjQxLS4xMzVjLS4wNjEtLjAyLS4xMjMtLjAzNi0uMTg1LS4wNTRhMTEuNzI0IDExLjcyNCAwIDAgMC0uMzM2LS4wOTNsLS4yMS0uMDVhMTEuNTg3IDExLjU4NyAwIDAgMC0xLjQxNC0uMjQ1bC0uMjEtLjAyM2MtLjEyNC0uMDEtLjI0Ny0uMDItLjM3LS4wMjdsLS4xOC0uMDExYTExLjczNCAxMS43MzQgMCAwIDAtMy4zODIuMzMgMTguMTAzIDE4LjEwMyAwIDAgMC01LjY3My04LjgwOGwtLjAzLS4wMjd2LTEuMTA5aDYuNHpNMjIuNCAyMi40YzAtLjU4OC40NzktMS4wNjcgMS4wNjctMS4wNjdIMzJjLjI4MyAwIC41NTQtLjExMi43NTQtLjMxMmwxLjgyMS0xLjgyMWg1Ljk1OGMuNTg4IDAgMS4wNjcuNDc4IDEuMDY3IDEuMDY3djEwLjIxNWMtLjAxLS4wMDYtLjAxOS0uMDEtLjAyOC0uMDE3YTE4LjAyMiAxOC4wMjIgMCAwIDAtLjUyNS0uMzEzbC0uMTE4LS4wNjhhMTguMTUyIDE4LjE1MiAwIDAgMC05Ljk2Ny0yLjMyMiAxNy44OTUgMTcuODk1IDAgMCAwLTcuMzMgMi4wMTVjLS4wNTMuMDI3LS4xMDQuMDU2LS4xNTUuMDgzLS4wOTIuMDUtLjE4NS4wOTgtLjI3Ni4xNS0uMDYuMDMyLS4xMi4wNjctLjE3OS4xMDEtLjA4Mi4wNDctLjE2NS4wOTQtLjI0Ny4xNDNsLS4xODMuMTEtLjE5Mi4xMTdWMjIuNHpNNC4yNjcgMjkuODY3YzAtLjU4OS40NzgtMS4wNjcgMS4wNjYtMS4wNjdoOC41MzRjLjI4MyAwIC41NTQtLjExMi43NTQtLjMxMmwxLjgyLTEuODIxaDMuODI2djUuMzc0Yy0uMDQuMDM0LS4wNzcuMDctLjExNy4xMDNhMTguMjE3IDE4LjIxNyAwIDAgMC0uODIuNzU0IDE4LjA3IDE4LjA3IDAgMCAwLS44MzguODc1Yy0uMDc0LjA4Mi0uMTQ5LjE2NS0uMjIxLjI0OS0uMDk3LjExMi0uMTkyLjIyNi0uMjg2LjM0MS0uMDY5LjA4My0uMTM4LjE2Ni0uMjA1LjI1MS0uMDk2LjEyLS4xODguMjQ0LS4yOC4zNjctLjA2Mi4wODItLjEyNS4xNjMtLjE4NS4yNDYtLjA5OS4xMzYtLjE5NC4yNzYtLjI5LjQxNWwtLjE0OS4yMTdjLS4xMzUuMjA1LS4yNjcuNDEzLS4zOTUuNjI1bC0uMDE3LjAyNmExMy44NyAxMy44NyAwIDAgMC0yLjk5My0uMjM3Yy0uMDQgMC0uMDguMDAzLS4xMi4wMDRhMTQuMDMgMTQuMDMgMCAwIDAtLjcxLjA0NGwtLjA5NS4wMDhjLS4xMjkuMDEzLS4yNTguMDI3LS4zODcuMDQzbC0uMDkuMDEyYy0uMS4wMTMtLjIuMDI3LS4yOTguMDQybC0uMTI3LjAyYy0uMDkxLjAxNC0uMTgyLjAzLS4yNzMuMDQ3bC0uMTE4LjAyMWMtLjEyMi4wMjQtLjI0NC4wNDgtLjM2NS4wNzVsLS4wMTUuMDAzYy0uMTI2LjAyOC0uMjUuMDU3LS4zNzUuMDg5bC0uMTE1LjAzYTEzLjc4MSAxMy43ODEgMCAwIDAtLjY2OC4xOWwtLjA5Mi4wMjljLS4xMjIuMDM5LS4yNDMuMDgtLjM2My4xMjJsLS4wODQuMDNjLS4wOTMuMDMzLS4xODYuMDY4LS4yNzkuMTAzbC0uMTE5LjA0N2MtLjA4NC4wMzMtLjE2OC4wNjctLjI1MS4xMDJsLS4xMTEuMDQ2Yy0uMTEuMDQ4LS4yMi4wOTYtLjMzLjE0NmwtLjAyMS4wMWMtLjExNi4wNTMtLjIzLjEwOC0uMzQ1LjE2NGwtLjEwNS4wNTNhMTQuMDUzIDE0LjA1MyAwIDAgMC0uNjA3LjMyNmwtLjA4Ni4wNDljLS4xMS4wNjMtLjIxOS4xMjktLjMyNy4xOTVsLS4wNzMuMDQ2YTEzLjc3IDEzLjc3IDAgMCAwLS41ODIuMzg1bC0uMS4wN2ExMy45NCAxMy45NCAwIDAgMC0uMjg1LjIwN2wtLjAyNi4wMmMtLjEwMi4wNzYtLjIwMy4xNTUtLjMwMy4yMzVsLS4wOS4wNzJhMTMuOTg0IDEzLjk4NCAwIDAgMC0uNTI4LjQ1MmwtLjA3NC4wNjZjLS4wOS4wODItLjE4LjE2NS0uMjY3LjI1di0xMC4yNnptNTQuNzg4IDI5LjE4OGE5LjU0MiA5LjU0MiAwIDAgMS02Ljc4OCAyLjgxMmgtMzguNGMtMy4xMzUgMC02LjA4Mi0xLjIyLTguMjk3LTMuNDM3YTExLjY1MiAxMS42NTIgMCAwIDEtMy40MzctOC4yOTdjMC0yLjMyLjY3Ni00LjU2MyAxLjk1NS02LjQ4NmExMS43MiAxMS43MiAwIDAgMSA5Ljc3OS01LjI0N2MuOTc1IDAgMS45NDIuMTIgMi44NzIuMzU0LjQ3Mi4xMi45NjUtLjA5NiAxLjE5OC0uNTI0QTE1Ljk5NyAxNS45OTcgMCAwIDEgMjIgMzMuMzc2YTE1Ljk5NiAxNS45OTYgMCAwIDEgMy0xLjlBMTUuODI4IDE1LjgyOCAwIDAgMSAzMiAyOS44NjZhMTYuMDEyIDE2LjAxMiAwIDAgMSA3LjczNSAxLjk5MyAxNi4wMDYgMTYuMDA2IDAgMCAxIDMuNTc5IDIuNjk0IDE1Ljk1OSAxNS45NTkgMCAwIDEgNC4zMiA3Ljg5NCAxLjA2NyAxLjA2NyAwIDAgMCAxLjQwMS43NzcgOS41NyA5LjU3IDAgMCAxIDMuNzEtLjU0NiA5LjY2NCA5LjY2NCAwIDAgMSAxLjg2Ny4yNzYgOS41NDQgOS41NDQgMCAwIDEgNC40NDIgMi41MjNjLjMyNS4zMjYuNjI1LjY3My44OTMgMS4wM2E5LjUxMSA5LjUxMSAwIDAgMSAxLjkyIDUuNzYgOS41NDIgOS41NDIgMCAwIDEtMi44MTIgNi43ODh6Ii8+Cjwvc3ZnPgo=
Export workflow

Screenshots

Context

Workbench is a project that spawned from Alfie, our first online IDE. While Alfie oftered a good way to visualise and debug simple JavaScript functions, it did not support visual components, so we built Workbench to bring some of the live programming features of Alfie to the world of React. Worbench then became a playground to experiment with a range of innovative features based on runtime analysis, such as type generation and test recording.

Limits

One of the main challenges with online IDEs is how to integrate with the developer's workflows. Our proposed solution ended up being quite similar to that off Bit, providing developers with a simple CLI to import their components. This however did not completely remove the overhead, and most developers still prefered to keep developing components directly on their file system.

Potential

We believe Workbench's features would be most valuable within a more general platforms, for instance an online IDE such as CodeSanbox or Glitch. Alternatively, the wysiwig features of Workbench could be of revelance to the so-called "low-code" space, or they could be integrated in designer-facing products such as Framer X.

Leveraged Technologies