thingsthatflow
Useful elements....to copy & paste
<button>
For more buttons, visit the awesome
MicroInteractions.co
Click to Copy
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"4218f7b8-b488-327b-2082-c9f8e02b1da5","type":"DOM","tag":"div","classes":[],"children":[],"data":{"tag":"button","attributes":[]}}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
<table>
4x cols with 4x rows
Click to Copy
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"c76ae94e-97eb-526a-d9fc-dd19ffa65f11","type":"DOM","tag":"div","classes":["73c7500d-b906-940c-7945-ae15377c92a3"],"children":["498d40ea-00ae-b9a6-f5b8-060a6854723b","2d166176-28ed-3b5f-8bd4-9d9acefeb284"],"data":{"tag":"table","attributes":[]}},{"_id":"498d40ea-00ae-b9a6-f5b8-060a6854723b","type":"DOM","tag":"div","classes":["f1de89b9-6ffb-c63e-f24a-6dfd141c5f7f"],"children":["39554650-7cf9-b292-e8c2-3ce124193a13"],"data":{"tag":"thead","attributes":[]}},{"_id":"39554650-7cf9-b292-e8c2-3ce124193a13","type":"DOM","tag":"div","classes":["41fb175a-a609-4f90-a82d-228f449b6465"],"children":["32b17bc3-f884-a694-8b1a-32d937406b76","f9871ae8-9225-ec16-7583-cd7af2e1902b","5122b93d-cad0-de9a-adeb-9127941ac620"],"data":{"tag":"tr","attributes":[]}},{"_id":"32b17bc3-f884-a694-8b1a-32d937406b76","type":"DOM","tag":"div","classes":["130331b8-e109-bdf1-3dca-7a02c669934c"],"children":["546351db-d6b4-2412-c49f-87657a0aafd4"],"data":{"tag":"th","attributes":[]}},{"_id":"546351db-d6b4-2412-c49f-87657a0aafd4","text":true,"v":"Header"},{"_id":"f9871ae8-9225-ec16-7583-cd7af2e1902b","type":"DOM","tag":"div","classes":["130331b8-e109-bdf1-3dca-7a02c669934c"],"children":["ec1237ce-b160-c66a-a176-2bb17dc27a40"],"data":{"tag":"th","attributes":[]}},{"_id":"ec1237ce-b160-c66a-a176-2bb17dc27a40","text":true,"v":"Header"},{"_id":"5122b93d-cad0-de9a-adeb-9127941ac620","type":"DOM","tag":"div","classes":["130331b8-e109-bdf1-3dca-7a02c669934c"],"children":["0c386f32-ae2c-ed2c-7f58-0622465bcabe"],"data":{"tag":"th","attributes":[]}},{"_id":"0c386f32-ae2c-ed2c-7f58-0622465bcabe","text":true,"v":"Header"},{"_id":"2d166176-28ed-3b5f-8bd4-9d9acefeb284","type":"DOM","tag":"div","classes":["9bb58adf-cfe7-f2c5-95a1-483e5c8273c2"],"children":["3d986d83-fbe8-02b7-45b7-72a54746f5fb","6bb3737c-1e9a-7ea4-3301-8e60c274bc3d","77f154b1-e646-3e5b-0d22-ff40313af7eb","4aadfe0c-9128-6b8c-4047-5da61c6aa5b8"],"data":{"tag":"tbody","attributes":[]}},{"_id":"3d986d83-fbe8-02b7-45b7-72a54746f5fb","type":"DOM","tag":"div","classes":["41fb175a-a609-4f90-a82d-228f449b6465"],"children":["e1e1ad60-c07c-0766-9170-adeb25110713","eaa6de74-8cb8-4d37-5fb4-1a3cfa152fd3","8c44e223-6741-d143-275c-4e37dcc39ba2"],"data":{"tag":"tr","attributes":[]}},{"_id":"e1e1ad60-c07c-0766-9170-adeb25110713","type":"DOM","tag":"div","classes":["37d5a2da-9887-0bbf-153b-53332e5ac14c"],"children":["87850876-7542-5744-b88c-295322e57022"],"data":{"tag":"td","attributes":[]}},{"_id":"87850876-7542-5744-b88c-295322e57022","text":true,"v":"Cell"},{"_id":"eaa6de74-8cb8-4d37-5fb4-1a3cfa152fd3","type":"DOM","tag":"div","classes":["37d5a2da-9887-0bbf-153b-53332e5ac14c"],"children":["3865dcfa-3b5d-8939-eae5-16fa82fbe2da"],"data":{"tag":"td","attributes":[]}},{"_id":"3865dcfa-3b5d-8939-eae5-16fa82fbe2da","text":true,"v":"Cell"},{"_id":"8c44e223-6741-d143-275c-4e37dcc39ba2","type":"DOM","tag":"div","classes":["37d5a2da-9887-0bbf-153b-53332e5ac14c"],"children":["fd02c23b-fa9e-64aa-882f-4e2d32d04657"],"data":{"tag":"td","attributes":[]}},{"_id":"fd02c23b-fa9e-64aa-882f-4e2d32d04657","text":true,"v":"Cell"},{"_id":"6bb3737c-1e9a-7ea4-3301-8e60c274bc3d","type":"DOM","tag":"div","classes":["41fb175a-a609-4f90-a82d-228f449b6465"],"children":["4259d7fc-a5e6-963c-ccf0-33ffa32c10f5","0df9ef75-60aa-2af1-2b67-755dfe29bd97","9baa2b10-f65b-8d7a-c0de-63a6f8e86e3a"],"data":{"tag":"tr","attributes":[]}},{"_id":"4259d7fc-a5e6-963c-ccf0-33ffa32c10f5","type":"DOM","tag":"div","classes":["37d5a2da-9887-0bbf-153b-53332e5ac14c"],"children":["ceeab3d7-3850-06f0-6b28-bf1e5bd65d88"],"data":{"tag":"td","attributes":[]}},{"_id":"ceeab3d7-3850-06f0-6b28-bf1e5bd65d88","text":true,"v":"Cell"},{"_id":"0df9ef75-60aa-2af1-2b67-755dfe29bd97","type":"DOM","tag":"div","classes":["37d5a2da-9887-0bbf-153b-53332e5ac14c"],"children":["f9af3e76-fc90-7927-8444-d8eb4711765f"],"data":{"tag":"td","attributes":[]}},{"_id":"f9af3e76-fc90-7927-8444-d8eb4711765f","text":true,"v":"Cell"},{"_id":"9baa2b10-f65b-8d7a-c0de-63a6f8e86e3a","type":"DOM","tag":"div","classes":["37d5a2da-9887-0bbf-153b-53332e5ac14c"],"children":["5330f8c4-d512-55af-1b4a-279fffbc1021"],"data":{"tag":"td","attributes":[]}},{"_id":"5330f8c4-d512-55af-1b4a-279fffbc1021","text":true,"v":"Cell"},{"_id":"77f154b1-e646-3e5b-0d22-ff40313af7eb","type":"DOM","tag":"div","classes":["41fb175a-a609-4f90-a82d-228f449b6465"],"children":["d6c8303b-b5b0-ef38-9902-cb03738ff856","41302485-e5d4-3e20-f4b4-e0e333cea699","823a23a6-24d9-45f3-a943-c81ee1171ad0"],"data":{"tag":"tr","attributes":[]}},{"_id":"d6c8303b-b5b0-ef38-9902-cb03738ff856","type":"DOM","tag":"div","classes":["37d5a2da-9887-0bbf-153b-53332e5ac14c"],"children":["eda63bbe-9dd0-1e1c-a4b4-35910c2e17d1"],"data":{"tag":"td","attributes":[]}},{"_id":"eda63bbe-9dd0-1e1c-a4b4-35910c2e17d1","text":true,"v":"Cell"},{"_id":"41302485-e5d4-3e20-f4b4-e0e333cea699","type":"DOM","tag":"div","classes":["37d5a2da-9887-0bbf-153b-53332e5ac14c"],"children":["751b7445-4c7c-cf58-94ea-720823bf4639"],"data":{"tag":"td","attributes":[]}},{"_id":"751b7445-4c7c-cf58-94ea-720823bf4639","text":true,"v":"Cell"},{"_id":"823a23a6-24d9-45f3-a943-c81ee1171ad0","type":"DOM","tag":"div","classes":["37d5a2da-9887-0bbf-153b-53332e5ac14c"],"children":["f85a4bc7-2822-122b-40e7-9ba3ca136442"],"data":{"tag":"td","attributes":[]}},{"_id":"f85a4bc7-2822-122b-40e7-9ba3ca136442","text":true,"v":"Cell"},{"_id":"4aadfe0c-9128-6b8c-4047-5da61c6aa5b8","type":"DOM","tag":"div","classes":["41fb175a-a609-4f90-a82d-228f449b6465"],"children":["fb031434-1a82-bb74-bbce-ac3637f3b5a1","9dea727c-8979-51da-94f4-3ae5f19bd5d0","dd50245b-cc01-83dc-70e6-2047e18e0c9a"],"data":{"tag":"tr","attributes":[]}},{"_id":"fb031434-1a82-bb74-bbce-ac3637f3b5a1","type":"DOM","tag":"div","classes":["37d5a2da-9887-0bbf-153b-53332e5ac14c"],"children":["1169d0db-ae39-0dde-043e-b1b8665cc199"],"data":{"tag":"td","attributes":[]}},{"_id":"1169d0db-ae39-0dde-043e-b1b8665cc199","text":true,"v":"Cell"},{"_id":"9dea727c-8979-51da-94f4-3ae5f19bd5d0","type":"DOM","tag":"div","classes":["37d5a2da-9887-0bbf-153b-53332e5ac14c"],"children":["3f916625-d47d-58b1-c518-6e5e34db3346"],"data":{"tag":"td","attributes":[]}},{"_id":"3f916625-d47d-58b1-c518-6e5e34db3346","text":true,"v":"Cell"},{"_id":"dd50245b-cc01-83dc-70e6-2047e18e0c9a","type":"DOM","tag":"div","classes":["37d5a2da-9887-0bbf-153b-53332e5ac14c"],"children":["144f09c3-43d4-c147-177b-1260e24441db"],"data":{"tag":"td","attributes":[]}},{"_id":"144f09c3-43d4-c147-177b-1260e24441db","text":true,"v":"Cell"}],"styles":[{"_id":"73c7500d-b906-940c-7945-ae15377c92a3","fake":false,"type":"class","name":"table_element","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"pluginType":null,"createdBy":null,"selector":null},{"_id":"f1de89b9-6ffb-c63e-f24a-6dfd141c5f7f","fake":false,"type":"class","name":"table_head","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"pluginType":null,"createdBy":null,"selector":null},{"_id":"41fb175a-a609-4f90-a82d-228f449b6465","fake":false,"type":"class","name":"table_row","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"pluginType":null,"createdBy":null,"selector":null},{"_id":"130331b8-e109-bdf1-3dca-7a02c669934c","fake":false,"type":"class","name":"table_header","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"pluginType":null,"createdBy":null,"selector":null},{"_id":"9bb58adf-cfe7-f2c5-95a1-483e5c8273c2","fake":false,"type":"class","name":"table_body","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"pluginType":null,"createdBy":null,"selector":null},{"_id":"37d5a2da-9887-0bbf-153b-53332e5ac14c","fake":false,"type":"class","name":"table_cell","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"pluginType":null,"createdBy":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
<svg>
Click to Copy
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"4218f7b8-b488-327b-2082-c9f8e02b1da5","type":"DOM","tag":"div","classes":[],"children":[],"data":{"tag":"svg","attributes":[]}}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
<iframe>
Click to Copy
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"4218f7b8-b488-327b-2082-c9f8e02b1da5","type":"DOM","tag":"div","classes":[],"children":[],"data":{"tag":"iframe","attributes":[]}}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
<blockquote>
Click to Copy
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"4218f7b8-b488-327b-2082-c9f8e02b1da5","type":"DOM","tag":"div","classes":[],"children":[],"data":{"tag":"blockquote","attributes":[]}}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
<hr>
Click to Copy
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"4218f7b8-b488-327b-2082-c9f8e02b1da5","type":"DOM","tag":"div","classes":[],"children":[],"data":{"tag":"hr","attributes":[]}}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
<figure>
Click to Copy
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"e33a8fe3-f5d2-5cf0-5a1d-704cefab8567","type":"DOM","tag":"div","classes":[],"children":["e48ab60b-3025-3e55-8cf3-0655ade8e6b6","baeb5b03-8c12-e6c5-c8d5-a1f7d56c69f8"],"data":{"tag":"figure","attributes":[]}},{"_id":"e48ab60b-3025-3e55-8cf3-0655ade8e6b6","type":"DOM","tag":"div","classes":[],"children":[],"data":{"tag":"img","attributes":[{"name":"src","value":"https://assets-global.website-files.com/64f89beb65c933a5beb5c8d6/64f89beb65c933a5beb5c943_us.jpg"},{"name":"alt","value":"this is an image"}]}},{"_id":"baeb5b03-8c12-e6c5-c8d5-a1f7d56c69f8","type":"DOM","tag":"div","classes":[],"children":["c1c6b22e-400e-76d1-84dd-1480773c318d"],"data":{"tag":"figcaption","attributes":[{"name":"src","value":""}]}},{"_id":"c1c6b22e-400e-76d1-84dd-1480773c318d","text":true,"v":"This is a fig caption"}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
<audio>
Click to Copy
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"226956b0-6d49-5c99-031b-ca39d0bd1448","type":"DOM","tag":"div","classes":[],"children":["2ea5b5a6-e882-9709-0e07-c1291ff1e02b","754c2679-1724-fc07-b8b7-8189d1185689"],"data":{"tag":"audio","attributes":[{"name":"controls","value":"controls"}]}},{"_id":"2ea5b5a6-e882-9709-0e07-c1291ff1e02b","type":"DOM","tag":"div","classes":[],"children":[],"data":{"tag":"source","attributes":[{"name":"src","value":"https://www.w3schools.com/tags/horse.ogg"},{"name":"type","value":"audio/ogg"}]}},{"_id":"754c2679-1724-fc07-b8b7-8189d1185689","type":"DOM","tag":"div","classes":[],"children":[],"data":{"tag":"source","attributes":[{"name":"src","value":"https://www.w3schools.com/tags/horse.mp3"},{"name":"type","value":"audio/mpeg"}]}}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
<hgroup>
Click to Copy
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"6411a97c-78f8-f018-0c6e-ecc2c72dd091","type":"DOM","tag":"div","classes":[],"children":["805623c5-679f-b489-8de2-d97666682749","93465454-2ec8-bef3-2a2a-257fc1d3ad53","854abdef-90bb-146e-7ccd-cf1b7215a3b7"],"data":{"tag":"hgroup","attributes":[]}},{"_id":"805623c5-679f-b489-8de2-d97666682749","type":"Heading","tag":"h1","classes":[],"children":["805623c5-679f-b489-8de2-d9766668274a"],"data":{"tag":"h1"}},{"_id":"805623c5-679f-b489-8de2-d9766668274a","text":true,"v":"Heading"},{"_id":"93465454-2ec8-bef3-2a2a-257fc1d3ad53","type":"Heading","tag":"h2","classes":[],"children":["93465454-2ec8-bef3-2a2a-257fc1d3ad54"],"data":{"tag":"h2"}},{"_id":"93465454-2ec8-bef3-2a2a-257fc1d3ad54","text":true,"v":"Heading"},{"_id":"854abdef-90bb-146e-7ccd-cf1b7215a3b7","type":"Heading","tag":"h3","classes":[],"children":["854abdef-90bb-146e-7ccd-cf1b7215a3b8"],"data":{"tag":"h3"}},{"_id":"854abdef-90bb-146e-7ccd-cf1b7215a3b8","text":true,"v":"Heading"}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
<progress>
Click to Copy
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"6338ef92-9bfb-6df2-04ca-191dd58c85c2","type":"DOM","tag":"div","classes":[],"children":[],"data":{"tag":"progress","attributes":[{"name":"value","value":"50"},{"name":"max","value":"100"}]}}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
<time>
Click to Copy
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"4218f7b8-b488-327b-2082-c9f8e02b1da5","type":"DOM","tag":"div","classes":[],"children":[],"data":{"tag":"time","attributes":[]}}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
You can edit me...