JSFiddle - React, Tailwind, and code Playground
by Caleb Wong
HTML
PGRpdiBpZD0iRElWXzEiPgoJPGRpdiBpZD0iRElWXzIiPgoJCTxkaXYgaWQ9IkRJVl8zIj4KCQkJPGRpdiBpZD0iRElWXzQiPgoJCQkJPGgxIGlkPSJIMV81Ij4KCQkJCQk8c3BhbiBpZD0iU1BBTl82Ij5CdXNpbmVzc0RheTwvc3Bhbj4gaXMgb25seSBhY2Nlc3NpYmxlIGZyb20gd2l0aGluIHRoZSBidXNpbmVzcyBzZWN0aW9uIG9mIG91ciBuZXdzIHNpdGVzLgoJCQkJPC9oMT4KCQkJCTxkaXYgY2xhc3M9Im1haW4iIGlkPSJESVZfNyI+CgkJCQkJPHAgaWQ9IlBfOCI+CgkJCQkJCUFsbCB0aGUgYnJlYWtpbmcgbmV3cywgYW5hbHlzaXMgYW5kIG9waW5pb24gdGhhdCB5b3UgaGF2ZSBlbmpveWVkIG9uIEJ1c2luZXNzRGF5LmNvbS5hdSBpcyBub3cgYXZhaWxhYmxlIGluIHRoZSBCdXNpbmVzc0RheSBzZWN0aW9uIG9mIHRoZWFnZS5jb20uYXUsIHNtaC5jb20uYXUsIGJyaXNiYW5ldGltZXMuY29tLmF1LCBXQXRvZGF5LmNvbS5hdSBhbmQgY2FuYmVycmF0aW1lcy5jb20uYXUKCQkJCQk8L3A+CgkJCQkJPHAgaWQ9IlBfOSI+CgkJCQkJCUZyb20gbm93IG9uIHdlIGFyZSBnb2luZyB0byBhdXRvbWF0aWNhbGx5IHJlZGlyZWN0IEJ1c2luZXNzRGF5LmNvbS5hdSByZWFkZXJzIHRvIFRoZUFnZS5jb20uYXUvYnVzaW5lc3MuCgkJCQkJPC9wPgoJCQkJCTxwIGlkPSJQXzEwIj4KCQkJCQkJU28gZWl0aGVyIGtlZXAgY29taW5nIHRvIGJ1c2luZXNzZGF5LmNvbS5hdSBvciBhY2Nlc3MgdmlhIG9uZSBvZiB0aGUgZm9sbG93aW5nOgoJCQkJCTwvcD4KCQkJCQk8dWwgaWQ9IlVMXzExIj4KCQkJCQkJPGxpIGlkPSJMSV8xMiI+CgkJCQkJCQk8YSBocmVmPSJodHRwOi8vd3d3LnRoZWFnZS5jb20uYXUvYnVzaW5lc3NkYXkiIGlkPSJBXzEzIj50aGVhZ2UuY29tLmF1L2J1c2luZXNzZGF5PC9hPgoJCQkJCQk8L2xpPgoJCQkJCQk8bGkgaWQ9IkxJXzE0Ij4KCQkJCQkJCTxhIGhyZWY9Imh0dHA6Ly93d3cuc21oLmNvbS5hdS9idXNpbmVzc2RheSIgaWQ9IkFfMTUiPnNtaC5jb20uYXUvYnVzaW5lc3NkYXk8L2E+CgkJCQkJCTwvbGk+CgkJCQkJCTxsaSBpZD0iTElfMTYiPgoJCQkJCQkJPGEgaHJlZj0iaHR0cDovL3d3dy5icmlzYmFuZXRpbWVzLmNvbS5hdS9idXNpbmVzc2RheSIgaWQ9IkFfMTciPmJyaXNiYW5ldGltZXMuY29tLmF1L2J1c2luZXNzZGF5PC9hPgoJCQkJCQk8L2xpPgoJCQkJCQk8bGkgaWQ9IkxJXzE4Ij4KCQkJCQkJCTxhIGhyZWY9Imh0dHA6Ly93d3cud2F0b2RheS5jb20uYXUvYnVzaW5lc3NkYXkiIGlkPSJBXzE5Ij53YXRvZGF5LmNvbS5hdS9idXNpbmVzc2RheTwvYT4KCQkJCQkJPC9saT4KCQkJCQkJPGxpIGlkPSJMSV8yMCI+CgkJCQkJCQk8YSBocmVmPSJodHRwOi8vd3d3LmNhbmJlcnJhdGltZXMuY29tLmF1L2J1c2luZXNzZGF5IiBpZD0iQV8yMSI+Y2FuYmVycmF0aW1lcy5jb20uYXUvYnVzaW5lc3NkYXk8L2E+CgkJCQkJCTwvbGk+CgkJCQkJPC91bD4KCQkJCTwvZGl2PgoJCQkJPGRpdiBjbGFzcz0iYXNpZGUiIGlkPSJES...CSS
I0RJVl8xIHsKICAgIGZvbnQ6IG5vcm1hbCBub3JtYWwgbm9ybWFsIDEycHgvMTdweCBBcmlhbCwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmOwogICAgaGVpZ2h0OiA3MTFweDsKICAgIGxpbmUtaGVpZ2h0OiAxN3B4OwogICAgbWFyZ2luOiAwcHggMTM4cHg7CiAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICB0ZXh0LWFsaWduOiBsZWZ0OwogICAgd2lkdGg6IDk5MHB4Owp9LyojRElWXzEqLwoKI0RJVl8yIHsKICAgIGZvbnQ6IG5vcm1hbCBub3JtYWwgbm9ybWFsIDEycHgvMTdweCBBcmlhbCwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmOwogICAgaGVpZ2h0OiA3MTFweDsKICAgIGxpbmUtaGVpZ2h0OiAxN3B4OwogICAgbWFyZ2luOiAwcHggMjVweDsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgICB3aWR0aDogOTQwcHg7Cn0vKiNESVZfMiovCgojRElWXzMgewogICAgZm9udDogbm9ybWFsIG5vcm1hbCBub3JtYWwgMTJweC8xN3B4IEFyaWFsLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7CiAgICBsaW5lLWhlaWdodDogMTdweDsKICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgICB3aWR0aDogOTQwcHg7Cn0vKiNESVZfMyovCgojRElWXzQgewogICAgYm9yZGVyOiAzcHggc29saWQgcmdiKDIzOCwgMjM4LCAyMzgpOwogICAgY29sb3I6IHJnYig1MSwgNTEsIDUxKTsKICAgIGZsb2F0OiBsZWZ0OwogICAgZm9udDogbm9ybWFsIG5vcm1hbCBub3JtYWwgMTJweC8xN3B4IEFyaWFsLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7CiAgICBoZWlnaHQ6IDQ4MXB4OwogICAgbGluZS1oZWlnaHQ6IDE3cHg7CiAgICBtYXJnaW46IDMwcHggMHB4OwogICAgb3V0bGluZTogcmdiKDUxLCA1MSwgNTEpIG5vbmUgMHB4OwogICAgcGFkZGluZzogMzBweDsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgICB3aWR0aDogODc0cHg7Cn0vKiNESVZfNCovCgojSDFfNSB7CiAgICBib3JkZXI6IDBweCBub25lIHJnYig1MSwgNTEsIDUxKTsKICAgIGNvbG9yOiByZ2IoNTEsIDUxLCA1MSk7CiAgICBmb250OiBub3JtYWwgbm9ybWFsIG5vcm1hbCAzNHB4LzQwcHggR2VvcmdpYSwgJ1RpbWVzIE5ldyBSb21hbicsIFRpbWVzLCBzZXJpZjsKICAgIGhlaWdodDogODRweDsKICAgIGxpbmUtaGVpZ2h0OiA0MHB4OwogICAgbWFyZ2luOiAwcHggMHB4IDMwcHg7CiAgICBvdXRsaW5lOiByZ2IoNTEsIDUxLCA1MSkgbm9uZSAwcHg7CiAgICB0ZXh0LWFsaWduOiBsZWZ0OwogICAgd2lkdGg6IDg3NHB4Owp9LyojSDFfNSovCgojU1BBTl82IHsKICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMCkgdXJsKGh0dHA6Ly8xNzIuMzEuODEuMTc0L3VpZGV2L2J1c2luZXNzZGF5LmNvbS5hdS9EQ0RTL2JyYW5jaGVzL21haW50ZW5hbmNlL2FwcHMvY3NzL3NtaC9pbWcvYmdfbWFzdGhlYWRfYnVzZGF5LmdpZikgcmVwZWF0IHNjcm9sbCAtMjBweCAtMzAwcHggLyBhdXRvIHBhZGRpbmctYm94IGJvcmRlci1ib3g7C...