Get Started
We just sent you a 6-digit log in code.
Check your inbox and paste the code below.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Dashboard
All Library
Demo
Pricing
Become an Affiliate 35%
Tools
DOM Elements
Get access to Elements that are not in Webflow with DOM
SVG to DOM
Convert over 10,000 SVG to DOM & customize color
ChatGPT Prompts for webflow
ChatGPT Prompts for Webflow
Over 100+ Prompts to add functionality to Webflow
Scripts Library
Add functionality to Webflow without code
Webflow Functional Components
Copy and Paste Components with functionalites added.
LogoutLoginSign up

DOM Elements
Webflow

Home
DOM Elements
24 Components
DOM Element
Copy

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"9aefb33c-7f1a-e4d2-9704-8a29e071eae3","type":"DOM","tag":"div","classes":["22c9ddc8-890e-668d-b4f6-3a43c260785a"],"children":[],"data":{"editable":true,"tag":"div","attributes":[]}}],"styles":[{"_id":"22c9ddc8-890e-668d-b4f6-3a43c260785a","fake":false,"type":"class","name":"dom","namespace":"","comb":"","styleLess":"width: 100%; height: 100%; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: #3b83f7; border-right-style: solid; border-right-width: 1px; border-right-color: #3b83f7; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #3b83f7; border-left-style: solid; border-left-width: 1px; border-left-color: #3b83f7; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

h2 (Image in Text)

a purple and yellow scarf is hanging from a hookby youzi lina purple and yellow scarf is hanging from a hookby youzi lina purple and yellow scarf is hanging from a hookby youzi lina purple and yellow scarf is hanging from a hookby youzi lina purple and yellow scarf is hanging from a hookby youzi lin
This illustration depicts a three-dimensional (3D), computer-generated image of a number of oblong-shaped, Vibrio parahaemolyticus bacteria. The artistic recreation was based upon scanning electron microscopic (SEM) imagery. See PHIL 21922, for another view of these microbes.by CDC
One of my first mech designs i did in 3D. by Michael Schiffer
Using DOM  H1-H6 tag to add elements
in heading

Copy

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"ef7a7c5a-123d-8ae8-9c37-373c24f232a3","type":"DOM","tag":"div","classes":["8199d856-6aaf-c57c-7222-5db1ffe3f502"],"children":["2c6d97ac-9418-9ca0-1c76-ba0a82a60ec8","bdb5d1ae-56e7-a6d5-f73e-64f3ef02f896","a782a77b-bb65-a139-2141-03fda535fc59","cfd6f321-a144-400f-eebd-0054774e6f01","ef7a7c5a-123d-8ae8-9c37-373c24f232b5","4c8ff721-81d3-c7be-a4fb-8c4f7a7715c3"],"data":{"editable":true,"tag":"h2","attributes":[]}},{"_id":"2c6d97ac-9418-9ca0-1c76-ba0a82a60ec8","type":"DOM","tag":"div","classes":["951bde68-6e76-8766-9d21-2a57fef426be"],"children":["ef7a7c5a-123d-8ae8-9c37-373c24f232a4"],"data":{"editable":true,"tag":"span","attributes":[]}},{"_id":"ef7a7c5a-123d-8ae8-9c37-373c24f232a4","type":"Block","tag":"div","classes":["d5022c8d-60c7-4edb-80b7-3083c6ff73c2"],"children":["ef7a7c5a-123d-8ae8-9c37-373c24f232a5","ef7a7c5a-123d-8ae8-9c37-373c24f232ab","ef7a7c5a-123d-8ae8-9c37-373c24f232ad"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ef7a7c5a-123d-8ae8-9c37-373c24f232a5","type":"Block","tag":"div","classes":["d5022c8d-60c7-4edb-80b7-3083c6ff73c3"],"children":["ef7a7c5a-123d-8ae8-9c37-373c24f232a6","ef7a7c5a-123d-8ae8-9c37-373c24f232a7","ef7a7c5a-123d-8ae8-9c37-373c24f232a8","ef7a7c5a-123d-8ae8-9c37-373c24f232a9","ef7a7c5a-123d-8ae8-9c37-373c24f232aa"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ef7a7c5a-123d-8ae8-9c37-373c24f232a6","type":"DOM","tag":"div","classes":["d5022c8d-60c7-4edb-80b7-3083c6ff73c4"],"children":[],"data":{"tag":"img","attributes":[{"name":"sizes","value":"100vw"},{"name":"alt","value":"a purple and yellow scarf is hanging from a hookby youzi lin"},{"name":"src","value":"https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=600"},{"name":"srcset","value":"https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=400 400w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=800 800w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=1200 1200w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=2000 2000w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=4000 4000w"},{"name":"width","value":"3000"},{"name":"height","value":"4000"},{"name":"style","value":"color: #f3d9c0; background-color: #f3d9c0; color: #c0c0c0; background-color: #c0c0c0; color: #c0c0c0; background-color: #c0c0c0; color: #c0c0c0; background-color: #c0c0c0"}]}},{"_id":"ef7a7c5a-123d-8ae8-9c37-373c24f232a7","type":"DOM","tag":"div","classes":["d5022c8d-60c7-4edb-80b7-3083c6ff73c4"],"children":[],"data":{"tag":"img","attributes":[{"name":"sizes","value":"100vw"},{"name":"alt","value":"a purple and yellow scarf is hanging from a hookby youzi lin"},{"name":"src","value":"https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=600"},{"name":"srcset","value":"https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=400 400w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=800 800w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=1200 1200w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=2000 2000w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=4000 4000w"},{"name":"width","value":"3000"},{"name":"height","value":"4000"},{"name":"style","value":"color: #c0c0c0; background-color: #c0c0c0"}]}},{"_id":"ef7a7c5a-123d-8ae8-9c37-373c24f232a8","type":"DOM","tag":"div","classes":["d5022c8d-60c7-4edb-80b7-3083c6ff73c4"],"children":[],"data":{"tag":"img","attributes":[{"name":"sizes","value":"100vw"},{"name":"alt","value":"a purple and yellow scarf is hanging from a hookby youzi lin"},{"name":"src","value":"https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=600"},{"name":"srcset","value":"https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=400 400w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=800 800w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=1200 1200w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=2000 2000w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=4000 4000w"},{"name":"width","value":"3000"},{"name":"height","value":"4000"},{"name":"style","value":"color: #c0c0c0; background-color: #c0c0c0"}]}},{"_id":"ef7a7c5a-123d-8ae8-9c37-373c24f232a9","type":"DOM","tag":"div","classes":["d5022c8d-60c7-4edb-80b7-3083c6ff73c4"],"children":[],"data":{"tag":"img","attributes":[{"name":"sizes","value":"100vw"},{"name":"alt","value":"a purple and yellow scarf is hanging from a hookby youzi lin"},{"name":"src","value":"https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=600"},{"name":"srcset","value":"https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=400 400w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=800 800w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=1200 1200w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=2000 2000w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=4000 4000w"},{"name":"width","value":"3000"},{"name":"height","value":"4000"},{"name":"style","value":"color: #c0c0c0; background-color: #c0c0c0"}]}},{"_id":"ef7a7c5a-123d-8ae8-9c37-373c24f232aa","type":"DOM","tag":"div","classes":["d5022c8d-60c7-4edb-80b7-3083c6ff73c4"],"children":[],"data":{"tag":"img","attributes":[{"name":"sizes","value":"100vw"},{"name":"alt","value":"a purple and yellow scarf is hanging from a hookby youzi lin"},{"name":"src","value":"https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=600"},{"name":"srcset","value":"https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=400 400w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=800 800w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=1200 1200w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=2000 2000w, https://images.unsplash.com/photo-1648457257285-cfbc3781cc54?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw0fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=4000 4000w"},{"name":"width","value":"3000"},{"name":"height","value":"4000"},{"name":"style","value":"color: #c0c0c0; background-color: #c0c0c0"}]}},{"_id":"ef7a7c5a-123d-8ae8-9c37-373c24f232ab","type":"Block","tag":"div","classes":["d5022c8d-60c7-4edb-80b7-3083c6ff73c3"],"children":["ef7a7c5a-123d-8ae8-9c37-373c24f232ac"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ef7a7c5a-123d-8ae8-9c37-373c24f232ac","type":"DOM","tag":"div","classes":["d5022c8d-60c7-4edb-80b7-3083c6ff73c4"],"children":[],"data":{"tag":"img","attributes":[{"name":"sizes","value":"100vw"},{"name":"alt","value":"This illustration depicts a three-dimensional (3D), computer-generated image of a number of oblong-shaped, Vibrio parahaemolyticus bacteria. The artistic recreation was based upon scanning electron microscopic (SEM) imagery. See PHIL 21922, for another view of these microbes.by CDC"},{"name":"src","value":"https://images.unsplash.com/photo-1579781403313-56447cb42199?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHwzfHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=600"},{"name":"srcset","value":"https://images.unsplash.com/photo-1579781403313-56447cb42199?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHwzfHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=400 400w, https://images.unsplash.com/photo-1579781403313-56447cb42199?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHwzfHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=800 800w, https://images.unsplash.com/photo-1579781403313-56447cb42199?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHwzfHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=1200 1200w, https://images.unsplash.com/photo-1579781403313-56447cb42199?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHwzfHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=2000 2000w, https://images.unsplash.com/photo-1579781403313-56447cb42199?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHwzfHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=4000 4000w"},{"name":"width","value":"2550"},{"name":"height","value":"3300"},{"name":"style","value":"color: #592659; background-color: #592659"}]}},{"_id":"ef7a7c5a-123d-8ae8-9c37-373c24f232ad","type":"Block","tag":"div","classes":["d5022c8d-60c7-4edb-80b7-3083c6ff73c3"],"children":["ef7a7c5a-123d-8ae8-9c37-373c24f232ae"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ef7a7c5a-123d-8ae8-9c37-373c24f232ae","type":"DOM","tag":"div","classes":["d5022c8d-60c7-4edb-80b7-3083c6ff73c4"],"children":[],"data":{"tag":"img","attributes":[{"name":"sizes","value":"100vw"},{"name":"alt","value":"One of my first mech designs i did in 3D. by Michael Schiffer"},{"name":"src","value":"https://images.unsplash.com/photo-1633643092028-b66187af7d47?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw5fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=600"},{"name":"srcset","value":"https://images.unsplash.com/photo-1633643092028-b66187af7d47?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw5fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=400 400w, https://images.unsplash.com/photo-1633643092028-b66187af7d47?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw5fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=800 800w, https://images.unsplash.com/photo-1633643092028-b66187af7d47?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw5fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=1200 1200w, https://images.unsplash.com/photo-1633643092028-b66187af7d47?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw5fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=2000 2000w, https://images.unsplash.com/photo-1633643092028-b66187af7d47?ixid=M3w0ODMyOTN8MHwxfHNlYXJjaHw5fHwzZHxlbnwwfHx8fDE2OTc2NTg2NTd8MA&ixlib=rb-4.0.3&fit=clamp&auto=format&w=4000 4000w"},{"name":"width","value":"3000"},{"name":"height","value":"3000"},{"name":"style","value":"color: #d9d9d9; background-color: #d9d9d9"}]}},{"_id":"bdb5d1ae-56e7-a6d5-f73e-64f3ef02f896","type":"DOM","tag":"div","classes":["951bde68-6e76-8766-9d21-2a57fef426be"],"children":["bdb5d1ae-56e7-a6d5-f73e-64f3ef02f897"],"data":{"editable":true,"tag":"span","attributes":[]}},{"_id":"bdb5d1ae-56e7-a6d5-f73e-64f3ef02f897","text":true,"v":"Using DOM  "},{"_id":"a782a77b-bb65-a139-2141-03fda535fc59","type":"DOM","tag":"div","classes":["951bde68-6e76-8766-9d21-2a57fef426be"],"children":["c4e03de6-08a5-a636-8fdd-c843515f6626"],"data":{"editable":true,"tag":"span","attributes":[]}},{"_id":"c4e03de6-08a5-a636-8fdd-c843515f6626","text":true,"v":"H1-H6 tag "},{"_id":"cfd6f321-a144-400f-eebd-0054774e6f01","type":"DOM","tag":"div","classes":["951bde68-6e76-8766-9d21-2a57fef426be"],"children":["655d062d-ae58-5704-2583-4a5ca942d352"],"data":{"editable":true,"tag":"span","attributes":[]}},{"_id":"655d062d-ae58-5704-2583-4a5ca942d352","text":true,"v":"to add elements"},{"_id":"ef7a7c5a-123d-8ae8-9c37-373c24f232b5","type":"Block","tag":"div","classes":["d5022c8d-60c7-4edb-80b7-3083c6ff73c6"],"children":[],"data":{"text":false,"tag":"div"}},{"_id":"4c8ff721-81d3-c7be-a4fb-8c4f7a7715c3","type":"DOM","tag":"div","classes":["951bde68-6e76-8766-9d21-2a57fef426be"],"children":["0faf923c-50c4-21d8-131c-02bf9f350c79"],"data":{"editable":true,"tag":"span","attributes":[]}},{"_id":"0faf923c-50c4-21d8-131c-02bf9f350c79","text":true,"v":"in heading"}],"styles":[{"_id":"8199d856-6aaf-c57c-7222-5db1ffe3f502","fake":false,"type":"class","name":"h1-wrapper","namespace":"","comb":"","styleLess":"width: 100%; font-size: 2rem; line-height: 1.2;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"951bde68-6e76-8766-9d21-2a57fef426be","fake":false,"type":"class","name":"inline-block","namespace":"","comb":"","styleLess":"display: inline-block;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"d5022c8d-60c7-4edb-80b7-3083c6ff73c2","fake":false,"type":"class","name":"avatar-wrapper","namespace":"","comb":"","styleLess":"display: inline-block; margin-right: 24px;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"d5022c8d-60c7-4edb-80b7-3083c6ff73c3","fake":false,"type":"class","name":"avatar 2","namespace":"","comb":"","styleLess":"display: inline-block; overflow: hidden; width: 1.5rem; height: 1.5rem; margin-right: -12px; border-top-left-radius: 500px; border-top-right-radius: 500px; border-bottom-left-radius: 500px; border-bottom-right-radius: 500px; background-color: hsla(0, 0.00%, 92.53%, 1.00);","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"d5022c8d-60c7-4edb-80b7-3083c6ff73c4","fake":false,"type":"class","name":"unsplash-image","namespace":"","comb":"","styleLess":"display: block; width: 100%; height: 100%; object-fit: contain; object-position: 50% 50%;","variants":{},"children":[],"createdBy":null,"selector":null},{"_id":"d5022c8d-60c7-4edb-80b7-3083c6ff73c6","fake":false,"type":"class","name":"video","namespace":"","comb":"","styleLess":"display: inline-block; width: 2rem; height: 1.5rem; margin-right: 1rem; margin-left: 0.5rem; background-color: hsla(50.5511811023622, 96.95%, 74.31%, 1.00);","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

svg

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"7541fabe-a03e-f0f9-3e61-1d83ac7c3be4","type":"DOM","tag":"div","classes":[],"children":["7541fabe-a03e-f0f9-3e61-1d83ac7c3be5"],"data":{"editable":true,"tag":"svg","attributes":[{"name":"xmlns","value":"http://www.w3.org/2000/svg"},{"name":"width","value":"62"},{"name":"height","value":"40"},{"name":"viewBox","value":"0 0 62 40"},{"name":"fill","value":"none"}]}},{"_id":"7541fabe-a03e-f0f9-3e61-1d83ac7c3be5","type":"DOM","tag":"div","classes":[],"children":[],"data":{"editable":true,"tag":"path","attributes":[{"name":"d","value":"M61.8182 0L42.0927 40H23.565L31.8201 23.4222H31.4497C24.6394 32.5931 14.4781 38.63 0 40V23.6518C0 23.6518 9.26203 23.0842 14.7069 17.1461H0V0.000315958H16.529V14.1025L16.9 14.1009L23.6544 0.000315958H36.1548V14.0131L36.5258 14.0124L43.5334 0H61.8182Z"},{"name":"clip-rule","value":"evenodd"},{"name":"fill-rule","value":"evenodd"},{"name":"fill","value":"#146EF5"}]}}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Copy
table
FeaturesWebflowFramer
CMS✅❌
Interactions✅✅
Figma to Dev✅✅
Code Export✅❌
Localization✅✅
Cheapest Plan$29/mo$10/mo
Forms (radio, checkbox etc)✅❌
Ecommerce✅❌
Inbuilt user memberships✅❌
Inbuilt Form Logic✅❌
Design Focused✅❌
Dev Focused✅❌

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"6877687e-875b-ea16-a5a7-d20113834321","type":"DOM","tag":"div","classes":["22338305-c7dd-f442-e166-ea0c670e16a5"],"children":["e83efe7e-c2b5-d992-c901-7f5ac214b3d5","3c4ba472-0e5f-da27-3b76-c4e8b2a97837","9292b629-9e4d-c12e-ab0b-3d87062850e3","9cbbf683-694a-fcbb-4a5b-cc605e519c74","99e6eb65-4d95-1f11-5db3-e67d6e4baa7e","2bdecba7-38a1-af45-5f53-99856d0ed8db","b2629c57-889f-fd5e-e21d-66b74d9bfaa3","d7fb5ca1-e6e4-4471-645c-112ea7f0222a","f036a135-aef1-15c7-d8c1-ee192c81a77b","dffeced9-e5bb-2cb8-f962-29cc54fe2eb1","f3c674c0-dd80-35c3-c82f-5631fae7dca3","d1a8e5df-df80-27fb-2ffe-e7c8d56788fd","d3278095-71a3-924a-cef3-c12c78fb539a"],"data":{"editable":true,"tag":"table","attributes":[]}},{"_id":"e83efe7e-c2b5-d992-c901-7f5ac214b3d5","type":"DOM","tag":"div","classes":["1108ce40-fe8f-296e-7b16-cc142a47209e"],"children":["9b017499-01a1-4ba6-9133-09b23b72595a","d823cfe0-caa1-040e-fbd7-e8b9bba2d1fd","fa4a07ed-b46f-9048-bf02-4cbf18373fb3"],"data":{"editable":true,"tag":"tr","attributes":[]}},{"_id":"9b017499-01a1-4ba6-9133-09b23b72595a","type":"DOM","tag":"div","classes":["5e88a40d-378f-8e39-0345-caa662203584"],"children":["853410ae-d653-8a8c-e186-aba7238088bf"],"data":{"editable":true,"tag":"th","attributes":[]}},{"_id":"853410ae-d653-8a8c-e186-aba7238088bf","text":true,"v":"Features"},{"_id":"d823cfe0-caa1-040e-fbd7-e8b9bba2d1fd","type":"DOM","tag":"div","classes":["5e88a40d-378f-8e39-0345-caa662203584"],"children":["d823cfe0-caa1-040e-fbd7-e8b9bba2d1fe"],"data":{"editable":true,"tag":"th","attributes":[]}},{"_id":"d823cfe0-caa1-040e-fbd7-e8b9bba2d1fe","text":true,"v":"Webflow"},{"_id":"fa4a07ed-b46f-9048-bf02-4cbf18373fb3","type":"DOM","tag":"div","classes":["5e88a40d-378f-8e39-0345-caa662203584"],"children":["fa4a07ed-b46f-9048-bf02-4cbf18373fb4"],"data":{"editable":true,"tag":"th","attributes":[]}},{"_id":"fa4a07ed-b46f-9048-bf02-4cbf18373fb4","text":true,"v":"Framer"},{"_id":"3c4ba472-0e5f-da27-3b76-c4e8b2a97837","type":"DOM","tag":"div","classes":["23365160-1549-98b2-ab30-1e189a96b9ee"],"children":["3c4ba472-0e5f-da27-3b76-c4e8b2a97838","3c4ba472-0e5f-da27-3b76-c4e8b2a9783a","694b1915-14d1-65ef-30b7-e14bb8897ecd"],"data":{"editable":true,"tag":"tr","attributes":[]}},{"_id":"3c4ba472-0e5f-da27-3b76-c4e8b2a97838","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["565d9cb0-c192-7d98-e633-c14bd1333957"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"565d9cb0-c192-7d98-e633-c14bd1333957","text":true,"v":"CMS"},{"_id":"3c4ba472-0e5f-da27-3b76-c4e8b2a9783a","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["263b9b2a-48d8-a834-bf10-412c19e42adf"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"263b9b2a-48d8-a834-bf10-412c19e42adf","text":true,"v":"✅"},{"_id":"694b1915-14d1-65ef-30b7-e14bb8897ecd","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["cc7610d6-aeca-9bed-e75c-b987a09ddb0b"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"cc7610d6-aeca-9bed-e75c-b987a09ddb0b","text":true,"v":"❌"},{"_id":"9292b629-9e4d-c12e-ab0b-3d87062850e3","type":"DOM","tag":"div","classes":["23365160-1549-98b2-ab30-1e189a96b9ee"],"children":["9292b629-9e4d-c12e-ab0b-3d87062850e4","9292b629-9e4d-c12e-ab0b-3d87062850e6","9292b629-9e4d-c12e-ab0b-3d87062850e8"],"data":{"editable":true,"tag":"tr","attributes":[]}},{"_id":"9292b629-9e4d-c12e-ab0b-3d87062850e4","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["9292b629-9e4d-c12e-ab0b-3d87062850e5"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"9292b629-9e4d-c12e-ab0b-3d87062850e5","text":true,"v":"Interactions"},{"_id":"9292b629-9e4d-c12e-ab0b-3d87062850e6","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["9292b629-9e4d-c12e-ab0b-3d87062850e7"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"9292b629-9e4d-c12e-ab0b-3d87062850e7","text":true,"v":"✅"},{"_id":"9292b629-9e4d-c12e-ab0b-3d87062850e8","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["9292b629-9e4d-c12e-ab0b-3d87062850e9","1681ffdd-731a-154d-7300-256ff26bb218"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"9292b629-9e4d-c12e-ab0b-3d87062850e9","text":true,"v":""},{"_id":"1681ffdd-731a-154d-7300-256ff26bb218","text":true,"v":"✅"},{"_id":"9cbbf683-694a-fcbb-4a5b-cc605e519c74","type":"DOM","tag":"div","classes":["23365160-1549-98b2-ab30-1e189a96b9ee"],"children":["9cbbf683-694a-fcbb-4a5b-cc605e519c75","9cbbf683-694a-fcbb-4a5b-cc605e519c77","9cbbf683-694a-fcbb-4a5b-cc605e519c79"],"data":{"editable":true,"tag":"tr","attributes":[]}},{"_id":"9cbbf683-694a-fcbb-4a5b-cc605e519c75","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["b800890b-133e-a644-6a2e-9364555acb78"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"b800890b-133e-a644-6a2e-9364555acb78","text":true,"v":"Figma to Dev"},{"_id":"9cbbf683-694a-fcbb-4a5b-cc605e519c77","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["9cbbf683-694a-fcbb-4a5b-cc605e519c78"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"9cbbf683-694a-fcbb-4a5b-cc605e519c78","text":true,"v":"✅"},{"_id":"9cbbf683-694a-fcbb-4a5b-cc605e519c79","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["9cbbf683-694a-fcbb-4a5b-cc605e519c7a","9cbbf683-694a-fcbb-4a5b-cc605e519c7b"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"9cbbf683-694a-fcbb-4a5b-cc605e519c7a","text":true,"v":""},{"_id":"9cbbf683-694a-fcbb-4a5b-cc605e519c7b","text":true,"v":"✅"},{"_id":"99e6eb65-4d95-1f11-5db3-e67d6e4baa7e","type":"DOM","tag":"div","classes":["23365160-1549-98b2-ab30-1e189a96b9ee"],"children":["99e6eb65-4d95-1f11-5db3-e67d6e4baa7f","99e6eb65-4d95-1f11-5db3-e67d6e4baa83","b201b8a1-cfe3-6879-6233-8b2a1b794f21"],"data":{"editable":true,"tag":"tr","attributes":[]}},{"_id":"99e6eb65-4d95-1f11-5db3-e67d6e4baa7f","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["d86d4860-66c9-b010-2903-d067356fbf58"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"d86d4860-66c9-b010-2903-d067356fbf58","text":true,"v":"Code Export"},{"_id":"99e6eb65-4d95-1f11-5db3-e67d6e4baa83","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["1d4a041c-96b0-007e-6a88-2418933c1a8d"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"1d4a041c-96b0-007e-6a88-2418933c1a8d","text":true,"v":"✅"},{"_id":"b201b8a1-cfe3-6879-6233-8b2a1b794f21","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["15b2e4de-b8e1-5889-b37e-19e92171ff08"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"15b2e4de-b8e1-5889-b37e-19e92171ff08","text":true,"v":"❌"},{"_id":"2bdecba7-38a1-af45-5f53-99856d0ed8db","type":"DOM","tag":"div","classes":["23365160-1549-98b2-ab30-1e189a96b9ee"],"children":["2bdecba7-38a1-af45-5f53-99856d0ed8dc","2bdecba7-38a1-af45-5f53-99856d0ed8de","2bdecba7-38a1-af45-5f53-99856d0ed8e0"],"data":{"editable":true,"tag":"tr","attributes":[]}},{"_id":"2bdecba7-38a1-af45-5f53-99856d0ed8dc","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["2bdecba7-38a1-af45-5f53-99856d0ed8dd"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"2bdecba7-38a1-af45-5f53-99856d0ed8dd","text":true,"v":"Localization"},{"_id":"2bdecba7-38a1-af45-5f53-99856d0ed8de","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["2162fcca-acf7-ddf6-468d-4a4b025766f3"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"2162fcca-acf7-ddf6-468d-4a4b025766f3","text":true,"v":"✅"},{"_id":"2bdecba7-38a1-af45-5f53-99856d0ed8e0","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["2bdecba7-38a1-af45-5f53-99856d0ed8e1","2bdecba7-38a1-af45-5f53-99856d0ed8e2"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"2bdecba7-38a1-af45-5f53-99856d0ed8e1","text":true,"v":""},{"_id":"2bdecba7-38a1-af45-5f53-99856d0ed8e2","text":true,"v":"✅"},{"_id":"b2629c57-889f-fd5e-e21d-66b74d9bfaa3","type":"DOM","tag":"div","classes":["23365160-1549-98b2-ab30-1e189a96b9ee"],"children":["b2629c57-889f-fd5e-e21d-66b74d9bfaa4","b2629c57-889f-fd5e-e21d-66b74d9bfaa6","b2629c57-889f-fd5e-e21d-66b74d9bfaa8"],"data":{"editable":true,"tag":"tr","attributes":[]}},{"_id":"b2629c57-889f-fd5e-e21d-66b74d9bfaa4","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["7e160d19-1218-14bc-c4da-eed944b1166f"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"7e160d19-1218-14bc-c4da-eed944b1166f","text":true,"v":"Cheapest Plan"},{"_id":"b2629c57-889f-fd5e-e21d-66b74d9bfaa6","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["500a4bd4-5011-fe5c-24c4-6ee5be8cec15"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"500a4bd4-5011-fe5c-24c4-6ee5be8cec15","text":true,"v":"$29/mo"},{"_id":"b2629c57-889f-fd5e-e21d-66b74d9bfaa8","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["c8c9ab2f-6aa0-8f2a-cb26-a390f7cd2392"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"c8c9ab2f-6aa0-8f2a-cb26-a390f7cd2392","text":true,"v":"$10/mo"},{"_id":"d7fb5ca1-e6e4-4471-645c-112ea7f0222a","type":"DOM","tag":"div","classes":["23365160-1549-98b2-ab30-1e189a96b9ee"],"children":["d7fb5ca1-e6e4-4471-645c-112ea7f0222b","d7fb5ca1-e6e4-4471-645c-112ea7f0222d","d7fb5ca1-e6e4-4471-645c-112ea7f0222f"],"data":{"editable":true,"tag":"tr","attributes":[]}},{"_id":"d7fb5ca1-e6e4-4471-645c-112ea7f0222b","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["c34db890-0672-0f25-9272-68955df59be5"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"c34db890-0672-0f25-9272-68955df59be5","text":true,"v":"Forms (radio, checkbox etc)"},{"_id":"d7fb5ca1-e6e4-4471-645c-112ea7f0222d","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["d7fb5ca1-e6e4-4471-645c-112ea7f0222e"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"d7fb5ca1-e6e4-4471-645c-112ea7f0222e","text":true,"v":"✅"},{"_id":"d7fb5ca1-e6e4-4471-645c-112ea7f0222f","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["d7fb5ca1-e6e4-4471-645c-112ea7f02230"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"d7fb5ca1-e6e4-4471-645c-112ea7f02230","text":true,"v":"❌"},{"_id":"f036a135-aef1-15c7-d8c1-ee192c81a77b","type":"DOM","tag":"div","classes":["23365160-1549-98b2-ab30-1e189a96b9ee"],"children":["f036a135-aef1-15c7-d8c1-ee192c81a77c","f036a135-aef1-15c7-d8c1-ee192c81a77e","f036a135-aef1-15c7-d8c1-ee192c81a780"],"data":{"editable":true,"tag":"tr","attributes":[]}},{"_id":"f036a135-aef1-15c7-d8c1-ee192c81a77c","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["a1633966-849d-8360-311b-251617448100"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"a1633966-849d-8360-311b-251617448100","text":true,"v":"Ecommerce"},{"_id":"f036a135-aef1-15c7-d8c1-ee192c81a77e","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["f036a135-aef1-15c7-d8c1-ee192c81a77f"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"f036a135-aef1-15c7-d8c1-ee192c81a77f","text":true,"v":"✅"},{"_id":"f036a135-aef1-15c7-d8c1-ee192c81a780","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["f036a135-aef1-15c7-d8c1-ee192c81a781"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"f036a135-aef1-15c7-d8c1-ee192c81a781","text":true,"v":"❌"},{"_id":"dffeced9-e5bb-2cb8-f962-29cc54fe2eb1","type":"DOM","tag":"div","classes":["23365160-1549-98b2-ab30-1e189a96b9ee"],"children":["dffeced9-e5bb-2cb8-f962-29cc54fe2eb2","dffeced9-e5bb-2cb8-f962-29cc54fe2eb4","dffeced9-e5bb-2cb8-f962-29cc54fe2eb6"],"data":{"editable":true,"tag":"tr","attributes":[]}},{"_id":"dffeced9-e5bb-2cb8-f962-29cc54fe2eb2","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["dffeced9-e5bb-2cb8-f962-29cc54fe2eb3"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"dffeced9-e5bb-2cb8-f962-29cc54fe2eb3","text":true,"v":"Inbuilt user memberships"},{"_id":"dffeced9-e5bb-2cb8-f962-29cc54fe2eb4","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["dffeced9-e5bb-2cb8-f962-29cc54fe2eb5"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"dffeced9-e5bb-2cb8-f962-29cc54fe2eb5","text":true,"v":"✅"},{"_id":"dffeced9-e5bb-2cb8-f962-29cc54fe2eb6","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["dffeced9-e5bb-2cb8-f962-29cc54fe2eb7"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"dffeced9-e5bb-2cb8-f962-29cc54fe2eb7","text":true,"v":"❌"},{"_id":"f3c674c0-dd80-35c3-c82f-5631fae7dca3","type":"DOM","tag":"div","classes":["23365160-1549-98b2-ab30-1e189a96b9ee"],"children":["f3c674c0-dd80-35c3-c82f-5631fae7dca4","f3c674c0-dd80-35c3-c82f-5631fae7dca6","f3c674c0-dd80-35c3-c82f-5631fae7dca8"],"data":{"editable":true,"tag":"tr","attributes":[]}},{"_id":"f3c674c0-dd80-35c3-c82f-5631fae7dca4","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["542cacb2-21ab-a867-b557-e768d7b074f3"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"542cacb2-21ab-a867-b557-e768d7b074f3","text":true,"v":"Inbuilt Form Logic"},{"_id":"f3c674c0-dd80-35c3-c82f-5631fae7dca6","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["f3c674c0-dd80-35c3-c82f-5631fae7dca7"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"f3c674c0-dd80-35c3-c82f-5631fae7dca7","text":true,"v":"✅"},{"_id":"f3c674c0-dd80-35c3-c82f-5631fae7dca8","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["f3c674c0-dd80-35c3-c82f-5631fae7dca9"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"f3c674c0-dd80-35c3-c82f-5631fae7dca9","text":true,"v":"❌"},{"_id":"d1a8e5df-df80-27fb-2ffe-e7c8d56788fd","type":"DOM","tag":"div","classes":["23365160-1549-98b2-ab30-1e189a96b9ee"],"children":["d1a8e5df-df80-27fb-2ffe-e7c8d56788fe","d1a8e5df-df80-27fb-2ffe-e7c8d5678900","d1a8e5df-df80-27fb-2ffe-e7c8d5678902"],"data":{"editable":true,"tag":"tr","attributes":[]}},{"_id":"d1a8e5df-df80-27fb-2ffe-e7c8d56788fe","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["61c44f36-9216-2c12-8673-2a54456e9e62"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"61c44f36-9216-2c12-8673-2a54456e9e62","text":true,"v":"Design Focused"},{"_id":"d1a8e5df-df80-27fb-2ffe-e7c8d5678900","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["d1a8e5df-df80-27fb-2ffe-e7c8d5678901"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"d1a8e5df-df80-27fb-2ffe-e7c8d5678901","text":true,"v":"✅"},{"_id":"d1a8e5df-df80-27fb-2ffe-e7c8d5678902","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["d1a8e5df-df80-27fb-2ffe-e7c8d5678903"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"d1a8e5df-df80-27fb-2ffe-e7c8d5678903","text":true,"v":"❌"},{"_id":"d3278095-71a3-924a-cef3-c12c78fb539a","type":"DOM","tag":"div","classes":["23365160-1549-98b2-ab30-1e189a96b9ee"],"children":["d3278095-71a3-924a-cef3-c12c78fb539b","d3278095-71a3-924a-cef3-c12c78fb539d","d3278095-71a3-924a-cef3-c12c78fb539f"],"data":{"editable":true,"tag":"tr","attributes":[]}},{"_id":"d3278095-71a3-924a-cef3-c12c78fb539b","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["d3278095-71a3-924a-cef3-c12c78fb539c"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"d3278095-71a3-924a-cef3-c12c78fb539c","text":true,"v":"Dev Focused"},{"_id":"d3278095-71a3-924a-cef3-c12c78fb539d","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["d3278095-71a3-924a-cef3-c12c78fb539e"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"d3278095-71a3-924a-cef3-c12c78fb539e","text":true,"v":"✅"},{"_id":"d3278095-71a3-924a-cef3-c12c78fb539f","type":"DOM","tag":"div","classes":["961a64fc-3318-d5b7-0887-f5e968aa62d0"],"children":["d3278095-71a3-924a-cef3-c12c78fb53a0"],"data":{"editable":true,"tag":"td","attributes":[]}},{"_id":"d3278095-71a3-924a-cef3-c12c78fb53a0","text":true,"v":"❌"}],"styles":[{"_id":"22338305-c7dd-f442-e166-ea0c670e16a5","fake":false,"type":"class","name":"table-element","namespace":"","comb":"","styleLess":"width: 100%; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: #3b83f7; border-right-style: solid; border-right-width: 1px; border-right-color: #3b83f7; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #3b83f7; border-left-style: solid; border-left-width: 1px; border-left-color: #3b83f7; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; font-size: 0.875rem;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"1108ce40-fe8f-296e-7b16-cc142a47209e","fake":false,"type":"class","name":"th-row","namespace":"","comb":"","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: #3b83f7; border-right-style: solid; border-right-width: 1px; border-right-color: #3b83f7; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #3b83f7; border-left-style: solid; border-left-width: 1px; border-left-color: #3b83f7; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"5e88a40d-378f-8e39-0345-caa662203584","fake":false,"type":"class","name":"th","namespace":"","comb":"","styleLess":"padding-top: 0.25rem; padding-right: 0.5rem; padding-bottom: 0.25rem; padding-left: 0.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: #222; border-right-style: solid; border-right-width: 1px; border-right-color: #222; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #222; border-left-style: solid; border-left-width: 1px; border-left-color: #222; background-color: hsla(0, 0.00%, 16.53%, 1.00); text-align: left;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"23365160-1549-98b2-ab30-1e189a96b9ee","fake":false,"type":"class","name":"row","namespace":"","comb":"","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: #2d2d2d; border-right-style: solid; border-right-width: 1px; border-right-color: #2d2d2d; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #2d2d2d; border-left-style: solid; border-left-width: 1px; border-left-color: #2d2d2d; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"961a64fc-3318-d5b7-0887-f5e968aa62d0","fake":false,"type":"class","name":"td","namespace":"","comb":"","styleLess":"padding-top: 0.25rem; padding-right: 0.5rem; padding-bottom: 0.25rem; padding-left: 0.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: #2d2d2d; border-right-style: solid; border-right-width: 1px; border-right-color: #2d2d2d; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #2d2d2d; border-left-style: solid; border-left-width: 1px; border-left-color: #2d2d2d; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Copy
button
Copy

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"2c9f09a8-a15b-fe6a-8554-0de106702546","type":"DOM","tag":"div","classes":["5527a55c-0c84-ebc7-dbef-9326f184d3fc"],"children":["ce928f62-2cbc-d6a9-3b76-b425ecb3f4ae","b6d31d62-6d25-6044-2d69-d8803fff7e8c"],"data":{"editable":true,"tag":"button","attributes":[{"name":"type","value":"button"}]}},{"_id":"ce928f62-2cbc-d6a9-3b76-b425ecb3f4ae","type":"Block","tag":"div","classes":[],"children":["ce928f62-2cbc-d6a9-3b76-b425ecb3f4af"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ce928f62-2cbc-d6a9-3b76-b425ecb3f4af","text":true,"v":"Form Submit"},{"_id":"b6d31d62-6d25-6044-2d69-d8803fff7e8c","type":"DOM","tag":"div","classes":["4de895f3-99f4-4243-336e-053994a1f652"],"children":["b6d31d62-6d25-6044-2d69-d8803fff7e8d","b6d31d62-6d25-6044-2d69-d8803fff7e8e","b6d31d62-6d25-6044-2d69-d8803fff7e8f"],"data":{"editable":true,"tag":"svg","attributes":[{"name":"xmlns","value":"http://www.w3.org/2000/svg"},{"name":"width","value":"32"},{"name":"height","value":"32"},{"name":"viewBox","value":"0 0 32 32"},{"name":"fill","value":"none"}]}},{"_id":"b6d31d62-6d25-6044-2d69-d8803fff7e8d","type":"DOM","tag":"div","classes":[],"children":[],"data":{"editable":true,"tag":"rect","attributes":[{"name":"width","value":"32"},{"name":"height","value":"32"},{"name":"rx","value":"2.13333"},{"name":"fill","value":"#C4FC5E"}]}},{"_id":"b6d31d62-6d25-6044-2d69-d8803fff7e8e","type":"DOM","tag":"div","classes":[],"children":[],"data":{"editable":true,"tag":"path","attributes":[{"name":"d","value":"M12.1822 6.68936C12.0123 6.67455 11.8402 6.66699 11.6664 6.66699C8.42628 6.66699 5.79969 9.29359 5.79969 12.5337V13.2132L5.79688 13.2138V15.9971H5.79969V25.333H8.72016L8.72016 15.9971H14.0651V13.0642H8.72016V12.5334C8.72016 10.9134 10.0335 9.60007 11.6535 9.60007C11.834 9.60007 12.0107 9.61638 12.1822 9.6476V6.68936Z"},{"name":"fill","value":"#1E1E1E"}]}},{"_id":"b6d31d62-6d25-6044-2d69-d8803fff7e8f","type":"DOM","tag":"div","classes":[],"children":[],"data":{"editable":true,"tag":"path","attributes":[{"name":"d","value":"M19.4479 7.83366C19.4479 7.69559 19.336 7.58366 19.1979 7.58366C19.0598 7.58366 18.9479 7.69559 18.9479 7.83366H19.4479ZM18.9479 13.6642C18.9479 13.8023 19.0598 13.9142 19.1979 13.9142C19.336 13.9142 19.4479 13.8023 19.4479 13.6642H18.9479ZM26.4479 9.58366C26.4479 9.44559 26.336 9.33366 26.1979 9.33366C26.0598 9.33366 25.9479 9.44559 25.9479 9.58366H26.4479ZM25.9479 13.667C25.9479 13.8051 26.0598 13.917 26.1979 13.917C26.336 13.917 26.4479 13.8051 26.4479 13.667H25.9479ZM20.362 6.66699V6.41693L20.3564 6.41705L20.362 6.66699ZM23.2786 6.91699C23.4167 6.91699 23.5286 6.80506 23.5286 6.66699C23.5286 6.52892 23.4167 6.41699 23.2786 6.41699V6.91699ZM25.0286 15.0837C25.1667 15.0837 25.2786 14.9718 25.2786 14.8337C25.2786 14.6957 25.1667 14.5837 25.0286 14.5837V15.0837ZM26.4505 13.6656C26.4498 13.5276 26.3372 13.4162 26.1992 13.417C26.0611 13.4178 25.9498 13.5303 25.9505 13.6684L26.4505 13.6656ZM25.0339 14.5837C24.8958 14.5837 24.7839 14.6956 24.7839 14.8337C24.7839 14.9717 24.8958 15.0837 25.0339 15.0837V14.5837ZM19.4453 13.667C19.4453 13.5289 19.3334 13.417 19.1953 13.417C19.0572 13.417 18.9453 13.5289 18.9453 13.667L19.4453 13.667ZM18.9453 7.83374C18.9453 7.97181 19.0572 8.08374 19.1953 8.08374C19.3334 8.08374 19.4453 7.97181 19.4453 7.83374H18.9453ZM26.0204 9.76288C26.1179 9.8606 26.2762 9.86076 26.3739 9.76323C26.4717 9.66569 26.4718 9.5074 26.3743 9.40968L26.0204 9.76288ZM23.2839 6.66699L23.4608 6.49039C23.3893 6.41879 23.2818 6.39731 23.1883 6.43598C23.0948 6.47464 23.0339 6.56583 23.0339 6.66699H23.2839ZM23.5391 8.41402C23.5386 8.27595 23.4264 8.16437 23.2883 8.1648C23.1502 8.16522 23.0386 8.2775 23.0391 8.41557L23.5391 8.41402ZM24.4557 9.83146C24.5938 9.83146 24.7057 9.71953 24.7057 9.58146C24.7057 9.44339 24.5938 9.33146 24.4557 9.33146L24.4557 9.83146ZM23.0339 8.41699C23.0339 8.55506 23.1458 8.66699 23.2839 8.66699C23.4219 8.66699 23.5339 8.55506 23.5339 8.41699H23.0339ZM24.4557 9.33374C24.3177 9.33374 24.2057 9.44567 24.2057 9.58374C24.2057 9.72181 24.3177 9.83374 24.4557 9.83374V9.33374ZM26.2057 9.83374C26.3438 9.83374 26.4557 9.72181 26.4557 9.58374C26.4557 9.44567 26.3438 9.33374 26.2057 9.33374V9.83374ZM20.1852 13.4903C20.0876 13.5879 20.0876 13.7462 20.1852 13.8438C20.2828 13.9415 20.4411 13.9415 20.5388 13.8438L20.1852 13.4903ZM21.5286 12.5004L21.7054 12.6772C21.7523 12.6303 21.7786 12.5667 21.7786 12.5004C21.7786 12.4341 21.7523 12.3705 21.7054 12.3236L21.5286 12.5004ZM20.5388 11.157C20.4411 11.0593 20.2828 11.0593 20.1852 11.157C20.0876 11.2546 20.0876 11.4129 20.1852 11.5105L20.5388 11.157ZM22.112 13.417C21.9739 13.417 21.862 13.5289 21.862 13.667C21.862 13.8051 21.9739 13.917 22.112 13.917V13.417ZM23.2786 13.917C23.4167 13.917 23.5286 13.8051 23.5286 13.667C23.5286 13.5289 23.4167 13.417 23.2786 13.417V13.917ZM18.9479 7.83366V13.6642H19.4479V7.83366H18.9479ZM25.9479 9.58366V13.667H26.4479V9.58366H25.9479ZM20.362 6.91699H23.2786V6.41699H20.362V6.91699ZM20.362 15.0837H25.0286V14.5837H20.362V15.0837ZM25.9505 13.6684C25.9517 13.8773 25.8446 14.1081 25.6605 14.2919C25.4764 14.4757 25.2443 14.5837 25.0339 14.5837V15.0837C25.4068 15.0837 25.7596 14.8996 26.0138 14.6457C26.268 14.3919 26.4526 14.0393 26.4505 13.6656L25.9505 13.6684ZM18.9453 13.667C18.9453 14.04 19.1293 14.392 19.3831 14.6459C19.6369 14.8997 19.989 15.0837 20.362 15.0837V14.5837C20.1516 14.5837 19.9203 14.476 19.7367 14.2923C19.553 14.1087 19.4453 13.8774 19.4453 13.667L18.9453 13.667ZM19.4453 7.83374C19.4453 7.62451 19.5524 7.39662 19.7361 7.21419C19.9197 7.03186 20.1531 6.9217 20.3675 6.91693L20.3564 6.41705C19.9875 6.42527 19.6376 6.60725 19.3837 6.85942C19.1299 7.1115 18.9453 7.46048 18.9453 7.83374H19.4453ZM26.3743 9.40968L23.4608 6.49039L23.1069 6.84359L26.0204 9.76288L26.3743 9.40968ZM23.0391 8.41557C23.0402 8.78688 23.2249 9.13854 23.4783 9.39233C23.7317 9.64612 24.0833 9.83146 24.4557 9.83146L24.4557 9.33146C24.2472 9.33146 24.0163 9.22355 23.8321 9.03904C23.6479 8.85454 23.5397 8.62287 23.5391 8.41402L23.0391 8.41557ZM23.5339 8.41699V6.66699H23.0339V8.41699H23.5339ZM24.4557 9.83374H26.2057V9.33374H24.4557V9.83374ZM20.5388 13.8438L21.7054 12.6772L21.3519 12.3236L20.1852 13.4903L20.5388 13.8438ZM21.7054 12.3236L20.5388 11.157L20.1852 11.5105L21.3519 12.6772L21.7054 12.3236ZM22.112 13.917H23.2786V13.417H22.112V13.917Z"},{"name":"fill","value":"#1E1E1E"}]}}],"styles":[{"_id":"5527a55c-0c84-ebc7-dbef-9326f184d3fc","fake":false,"type":"class","name":"dm-button","namespace":"","comb":"","styleLess":"display: flex; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; align-items: center; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: #adea3e; border-right-style: solid; border-right-width: 1px; border-right-color: #adea3e; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #adea3e; border-left-style: solid; border-left-width: 1px; border-left-color: #adea3e; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(0, 0.00%, 12.16%, 1.00); color: #e3e5e8; font-size: 0.875rem;","variants":{"main_hover":{"styleLess":"background-color: #c4fc5e; color: #15171a;"}},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"4de895f3-99f4-4243-336e-053994a1f652","fake":false,"type":"class","name":"icon-embed-xsmall","namespace":"","comb":"","styleLess":"width: 1rem; height: 1rem; flex-grow: 0; flex-shrink: 0; flex-basis: auto;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

datalist

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"fa632458-3aaf-f389-7f22-32afcedfbc54","type":"DOM","tag":"div","classes":["e99f3a74-ae3b-2487-dd91-e4c3385e21cf"],"children":["fa632458-3aaf-f389-7f22-32afcedfbc55","fa632458-3aaf-f389-7f22-32afcedfbc57","12de8262-53f2-278b-a9c8-ad21caacebc3"],"data":{"editable":true,"tag":"div","attributes":[]}},{"_id":"fa632458-3aaf-f389-7f22-32afcedfbc55","type":"DOM","tag":"div","classes":[],"children":["fa632458-3aaf-f389-7f22-32afcedfbc56"],"data":{"editable":true,"tag":"label","attributes":[{"name":"style","value":"font-size: 0.875rem;"},{"name":"for","value":"datalist"}]}},{"_id":"fa632458-3aaf-f389-7f22-32afcedfbc56","text":true,"v":"Try Searching for Webflow"},{"_id":"fa632458-3aaf-f389-7f22-32afcedfbc57","type":"DOM","tag":"div","classes":["29bb3159-4552-a55c-e293-0d26e2f7421d"],"children":[],"data":{"editable":true,"tag":"input","attributes":[{"name":"name","value":"datalist"},{"name":"id","value":"datalist"},{"name":"placeholder","value":"search and select"},{"name":"list","value":"nocode"}]}},{"_id":"12de8262-53f2-278b-a9c8-ad21caacebc3","type":"DOM","tag":"div","classes":[],"children":["12de8262-53f2-278b-a9c8-ad21caacebc4","12de8262-53f2-278b-a9c8-ad21caacebc6","bc76fa1e-7a67-75be-5cb8-329ad48f716b","12de8262-53f2-278b-a9c8-ad21caacebc8","1abcf952-ff9c-0133-1046-be91c600041f","afbaeb85-a014-0dda-383f-1c8de191e881"],"data":{"editable":true,"tag":"datalist","attributes":[{"name":"id","value":"nocode"}]}},{"_id":"12de8262-53f2-278b-a9c8-ad21caacebc4","type":"DOM","tag":"div","classes":[],"children":["288bc69b-354b-1f6f-b791-d031a2a72eb4"],"data":{"editable":true,"tag":"option","attributes":[]}},{"_id":"288bc69b-354b-1f6f-b791-d031a2a72eb4","text":true,"v":"Webflow"},{"_id":"12de8262-53f2-278b-a9c8-ad21caacebc6","type":"DOM","tag":"div","classes":[],"children":["c5a2c86f-a73e-ce6f-35b1-5695c483c73c"],"data":{"editable":true,"tag":"option","attributes":[]}},{"_id":"c5a2c86f-a73e-ce6f-35b1-5695c483c73c","text":true,"v":"Web"},{"_id":"bc76fa1e-7a67-75be-5cb8-329ad48f716b","type":"DOM","tag":"div","classes":[],"children":["bb8960ec-cdde-c5f4-edf8-fd0cd035a3fb"],"data":{"editable":true,"tag":"option","attributes":[]}},{"_id":"bb8960ec-cdde-c5f4-edf8-fd0cd035a3fb","text":true,"v":"World wide web"},{"_id":"12de8262-53f2-278b-a9c8-ad21caacebc8","type":"DOM","tag":"div","classes":[],"children":["2d87cb02-aeb1-ac01-d226-157b87a8e535"],"data":{"editable":true,"tag":"option","attributes":[]}},{"_id":"2d87cb02-aeb1-ac01-d226-157b87a8e535","text":true,"v":"Zapier"},{"_id":"1abcf952-ff9c-0133-1046-be91c600041f","type":"DOM","tag":"div","classes":[],"children":["34685267-8bc2-6dc2-45c5-938bf0fe9698"],"data":{"editable":true,"tag":"option","attributes":[]}},{"_id":"34685267-8bc2-6dc2-45c5-938bf0fe9698","text":true,"v":"Framer"},{"_id":"afbaeb85-a014-0dda-383f-1c8de191e881","type":"DOM","tag":"div","classes":[],"children":["9045d4b0-8725-132f-2555-3de8e7fdacad"],"data":{"editable":true,"tag":"option","attributes":[]}},{"_id":"9045d4b0-8725-132f-2555-3de8e7fdacad","text":true,"v":"Farmer"}],"styles":[{"_id":"e99f3a74-ae3b-2487-dd91-e4c3385e21cf","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"29bb3159-4552-a55c-e293-0d26e2f7421d","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 0px; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 2.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: #2d2d2d; border-right-style: solid; border-right-width: 1px; border-right-color: #2d2d2d; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #2d2d2d; border-left-style: solid; border-left-width: 1px; border-left-color: #2d2d2d; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: hsla(0, 0.00%, 9.20%, 1.00); box-shadow: inset 0 2px 8px 0 rgba(0,0,0,0.2); color: white;","variants":{},"children":["41165335-6f4c-c812-98eb-9578f190b534"],"createdBy":"61f476eebc83e27188ab6890","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"5441b26e-053c-da8d-f91c-e76e3625619f","type":"Block","tag":"div","classes":["6b684790-d913-d533-1cf3-b3af047d809c"],"children":["64b87485-0f81-5990-5259-8339215069b1","ca6d1e2f-3651-2aab-f431-7ec258af996c","8baea30d-c834-c28d-2467-211ea465880b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"64b87485-0f81-5990-5259-8339215069b1","type":"DOM","tag":"div","classes":["885fc7a2-8422-6a2a-7fa5-23b325db4370"],"children":["5441b26e-053c-da8d-f91c-e76e362561a0","98e73541-41e7-1b58-f00c-86329f4073c5"],"data":{"editable":true,"tag":"div","attributes":[]}},{"_id":"5441b26e-053c-da8d-f91c-e76e362561a0","type":"DOM","tag":"div","classes":["bf9cd665-6866-2b7d-cccc-263369a98d10"],"children":[],"data":{"editable":true,"tag":"input","attributes":[{"name":"type","value":"color"},{"name":"value","value":"#adea3e"}]}},{"_id":"98e73541-41e7-1b58-f00c-86329f4073c5","type":"DOM","tag":"div","classes":["4750a4aa-648d-f739-e3b5-9d40ac1a03e0"],"children":["98e73541-41e7-1b58-f00c-86329f4073c6"],"data":{"editable":true,"tag":"label","attributes":[]}},{"_id":"98e73541-41e7-1b58-f00c-86329f4073c6","text":true,"v":"Normal"},{"_id":"ca6d1e2f-3651-2aab-f431-7ec258af996c","type":"DOM","tag":"div","classes":["885fc7a2-8422-6a2a-7fa5-23b325db4370"],"children":["20dff9b8-7385-11c1-3775-f2e8cbbbc6d7","ca6d1e2f-3651-2aab-f431-7ec258af996e"],"data":{"editable":true,"tag":"div","attributes":[]}},{"_id":"20dff9b8-7385-11c1-3775-f2e8cbbbc6d7","type":"DOM","tag":"div","classes":["bf9cd665-6866-2b7d-cccc-263369a98d10"],"children":[],"data":{"editable":true,"tag":"input","attributes":[{"name":"type","value":"color"},{"name":"list","value":"nolist"},{"name":"value","value":"#ee0000"}]}},{"_id":"ca6d1e2f-3651-2aab-f431-7ec258af996e","type":"DOM","tag":"div","classes":["4750a4aa-648d-f739-e3b5-9d40ac1a03e0"],"children":["ca6d1e2f-3651-2aab-f431-7ec258af996f"],"data":{"editable":true,"tag":"label","attributes":[]}},{"_id":"ca6d1e2f-3651-2aab-f431-7ec258af996f","text":true,"v":"No List"},{"_id":"8baea30d-c834-c28d-2467-211ea465880b","type":"DOM","tag":"div","classes":["885fc7a2-8422-6a2a-7fa5-23b325db4370"],"children":["0a429817-b3a0-7213-83b5-3b58aaf25f13","8baea30d-c834-c28d-2467-211ea465880d"],"data":{"editable":true,"tag":"div","attributes":[]}},{"_id":"0a429817-b3a0-7213-83b5-3b58aaf25f13","type":"DOM","tag":"div","classes":[],"children":["0a429817-b3a0-7213-83b5-3b58aaf25f14","0a429817-b3a0-7213-83b5-3b58aaf25f15"],"data":{"editable":true,"tag":"div","attributes":[]}},{"_id":"0a429817-b3a0-7213-83b5-3b58aaf25f14","type":"DOM","tag":"div","classes":["bf9cd665-6866-2b7d-cccc-263369a98d10"],"children":[],"data":{"editable":true,"tag":"input","attributes":[{"name":"type","value":"color"},{"name":"list","value":"presetColors"},{"name":"value","value":"#ffffff"}]}},{"_id":"0a429817-b3a0-7213-83b5-3b58aaf25f15","type":"DOM","tag":"div","classes":[],"children":["0a429817-b3a0-7213-83b5-3b58aaf25f16","0a429817-b3a0-7213-83b5-3b58aaf25f18","0a429817-b3a0-7213-83b5-3b58aaf25f1a"],"data":{"editable":true,"tag":"datalist","attributes":[{"name":"id","value":"presetColors"}]}},{"_id":"0a429817-b3a0-7213-83b5-3b58aaf25f16","type":"DOM","tag":"div","classes":[],"children":["0a429817-b3a0-7213-83b5-3b58aaf25f17"],"data":{"editable":true,"tag":"option","attributes":[]}},{"_id":"0a429817-b3a0-7213-83b5-3b58aaf25f17","text":true,"v":"#c4fc5e"},{"_id":"0a429817-b3a0-7213-83b5-3b58aaf25f18","type":"DOM","tag":"div","classes":[],"children":["0a429817-b3a0-7213-83b5-3b58aaf25f19"],"data":{"editable":true,"tag":"option","attributes":[]}},{"_id":"0a429817-b3a0-7213-83b5-3b58aaf25f19","text":true,"v":"#ec8dff"},{"_id":"0a429817-b3a0-7213-83b5-3b58aaf25f1a","type":"DOM","tag":"div","classes":[],"children":["0a429817-b3a0-7213-83b5-3b58aaf25f1b"],"data":{"editable":true,"tag":"option","attributes":[]}},{"_id":"0a429817-b3a0-7213-83b5-3b58aaf25f1b","text":true,"v":"#efefef"},{"_id":"8baea30d-c834-c28d-2467-211ea465880d","type":"DOM","tag":"div","classes":["4750a4aa-648d-f739-e3b5-9d40ac1a03e0"],"children":["8baea30d-c834-c28d-2467-211ea465880e"],"data":{"editable":true,"tag":"label","attributes":[]}},{"_id":"8baea30d-c834-c28d-2467-211ea465880e","text":true,"v":"Preset List"}],"styles":[{"_id":"6b684790-d913-d533-1cf3-b3af047d809c","fake":false,"type":"class","name":"wrapper","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: center; grid-column-gap: 0.75rem; grid-row-gap: 0.75rem;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"885fc7a2-8422-6a2a-7fa5-23b325db4370","fake":false,"type":"class","name":"color-wrapper","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; align-items: center;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"bf9cd665-6866-2b7d-cccc-263369a98d10","fake":false,"type":"class","name":"color-swatch","namespace":"","comb":"","styleLess":"border-top-style: none; border-top-width: 1px; border-top-color: black; border-right-style: none; border-right-width: 1px; border-right-color: black; border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: black; border-left-style: none; border-left-width: 1px; border-left-color: black; background-color: hsla(0, 0.00%, 28.53%, 1.00);","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"4750a4aa-648d-f739-e3b5-9d40ac1a03e0","fake":false,"type":"class","name":"desc-text","namespace":"","comb":"","styleLess":"margin-top: 5px; margin-bottom: 0px; color: hsla(0, 0.00%, 44.53%, 1.00); font-size: 0.75rem;","variants":{},"children":["6f50ea53-1366-61bf-59e3-bde52f384ff9"],"createdBy":"61f476eebc83e27188ab6890","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

color
Copy
time

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"99fdf26d-c43d-1883-b305-2844f58f34e6","type":"DOM","tag":"div","classes":["58983c4c-b8c3-66e8-f5c7-eb178a235948"],"children":[],"data":{"editable":true,"tag":"input","attributes":[{"name":"type","value":"time"},{"name":"value","value":"18:00"},{"name":"style","value":"width: 8rem"}]}}],"styles":[{"_id":"58983c4c-b8c3-66e8-f5c7-eb178a235948","fake":false,"type":"class","name":"input--time","namespace":"","comb":"","styleLess":"padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; border-top-style: none; border-top-width: 1px; border-top-color: hsla(0, 12.12%, 77.85%, 1.00); border-right-style: none; border-right-width: 1px; border-right-color: hsla(0, 12.12%, 77.85%, 1.00); border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: hsla(0, 12.12%, 77.85%, 1.00); border-left-style: none; border-left-width: 1px; border-left-color: hsla(0, 12.12%, 77.85%, 1.00); border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; background-color: #383838; box-shadow: 0 1px 0 0 rgba(0,0,0,0.2), inset 0 1px 0 0 hsla(0, 0.00%, 77.07%, 0.20);","variants":{"main_hover":{"styleLess":"background-color: hsla(0, 0.00%, 23.87%, 1.00);"}},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Copy
date

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"4ff53c9e-cc1b-e101-95e0-c7fee8f81a6e","type":"DOM","tag":"div","classes":["58983c4c-b8c3-66e8-f5c7-eb178a235948"],"children":[],"data":{"editable":true,"tag":"input","attributes":[{"name":"type","value":"date"},{"name":"value","value":"2023-10-22"}]}}],"styles":[{"_id":"58983c4c-b8c3-66e8-f5c7-eb178a235948","fake":false,"type":"class","name":"input--time","namespace":"","comb":"","styleLess":"padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; border-top-style: none; border-top-width: 1px; border-top-color: hsla(0, 12.12%, 77.85%, 1.00); border-right-style: none; border-right-width: 1px; border-right-color: hsla(0, 12.12%, 77.85%, 1.00); border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: hsla(0, 12.12%, 77.85%, 1.00); border-left-style: none; border-left-width: 1px; border-left-color: hsla(0, 12.12%, 77.85%, 1.00); border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; background-color: #383838; box-shadow: 0 1px 0 0 rgba(0,0,0,0.2), inset 0 1px 0 0 hsla(0, 0.00%, 77.07%, 0.20);","variants":{"main_hover":{"styleLess":"background-color: hsla(0, 0.00%, 23.87%, 1.00);"}},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Copy
month

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"1a0bbaaf-bdfe-a209-946c-7588da975bad","type":"DOM","tag":"div","classes":["58983c4c-b8c3-66e8-f5c7-eb178a235948"],"children":[],"data":{"editable":true,"tag":"input","attributes":[{"name":"type","value":"month"},{"name":"value","value":"2023-10"}]}}],"styles":[{"_id":"58983c4c-b8c3-66e8-f5c7-eb178a235948","fake":false,"type":"class","name":"input--time","namespace":"","comb":"","styleLess":"padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; border-top-style: none; border-top-width: 1px; border-top-color: hsla(0, 12.12%, 77.85%, 1.00); border-right-style: none; border-right-width: 1px; border-right-color: hsla(0, 12.12%, 77.85%, 1.00); border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: hsla(0, 12.12%, 77.85%, 1.00); border-left-style: none; border-left-width: 1px; border-left-color: hsla(0, 12.12%, 77.85%, 1.00); border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; background-color: #383838; box-shadow: 0 1px 0 0 rgba(0,0,0,0.2), inset 0 1px 0 0 hsla(0, 0.00%, 77.07%, 0.20);","variants":{"main_hover":{"styleLess":"background-color: hsla(0, 0.00%, 23.87%, 1.00);"}},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Copy
week

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"a1ba45a8-206d-8e2d-3e3f-fd31bb535bd7","type":"DOM","tag":"div","classes":["58983c4c-b8c3-66e8-f5c7-eb178a235948"],"children":[],"data":{"editable":true,"tag":"input","attributes":[{"name":"type","value":"week"},{"name":"value","value":"2023-W24"}]}}],"styles":[{"_id":"58983c4c-b8c3-66e8-f5c7-eb178a235948","fake":false,"type":"class","name":"input--time","namespace":"","comb":"","styleLess":"padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; border-top-style: none; border-top-width: 1px; border-top-color: hsla(0, 12.12%, 77.85%, 1.00); border-right-style: none; border-right-width: 1px; border-right-color: hsla(0, 12.12%, 77.85%, 1.00); border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: hsla(0, 12.12%, 77.85%, 1.00); border-left-style: none; border-left-width: 1px; border-left-color: hsla(0, 12.12%, 77.85%, 1.00); border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; background-color: #383838; box-shadow: 0 1px 0 0 rgba(0,0,0,0.2), inset 0 1px 0 0 hsla(0, 0.00%, 77.07%, 0.20);","variants":{"main_hover":{"styleLess":"background-color: hsla(0, 0.00%, 23.87%, 1.00);"}},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Copy
datetime-local

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"dfedc9a6-d04e-c4de-1034-270ee6e6f0c9","type":"DOM","tag":"div","classes":["58983c4c-b8c3-66e8-f5c7-eb178a235948"],"children":[],"data":{"editable":true,"tag":"input","attributes":[{"name":"type","value":"datetime-local"},{"name":"theme","value":"dark"},{"name":"value","value":"2023-10-23T19:30"}]}}],"styles":[{"_id":"58983c4c-b8c3-66e8-f5c7-eb178a235948","fake":false,"type":"class","name":"input--time","namespace":"","comb":"","styleLess":"padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; border-top-style: none; border-top-width: 1px; border-top-color: hsla(0, 12.12%, 77.85%, 1.00); border-right-style: none; border-right-width: 1px; border-right-color: hsla(0, 12.12%, 77.85%, 1.00); border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: hsla(0, 12.12%, 77.85%, 1.00); border-left-style: none; border-left-width: 1px; border-left-color: hsla(0, 12.12%, 77.85%, 1.00); border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; background-color: #383838; box-shadow: 0 1px 0 0 rgba(0,0,0,0.2), inset 0 1px 0 0 hsla(0, 0.00%, 77.07%, 0.20);","variants":{"main_hover":{"styleLess":"background-color: hsla(0, 0.00%, 23.87%, 1.00);"}},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Copy
file

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"40d224ed-e0e9-d9a1-0d8c-a30fcc35f036","type":"DOM","tag":"div","classes":["d4bdba10-6c99-2c8e-612f-39329f64049c"],"children":[],"data":{"editable":true,"tag":"input","attributes":[{"name":"type","value":"file"}]}}],"styles":[{"_id":"d4bdba10-6c99-2c8e-612f-39329f64049c","fake":false,"type":"class","name":"input--file","namespace":"","comb":"","styleLess":"width: 100%; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; border-top-style: none; border-top-width: 1px; border-top-color: hsla(0, 12.12%, 77.85%, 1.00); border-right-style: none; border-right-width: 1px; border-right-color: hsla(0, 12.12%, 77.85%, 1.00); border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: hsla(0, 12.12%, 77.85%, 1.00); border-left-style: none; border-left-width: 1px; border-left-color: hsla(0, 12.12%, 77.85%, 1.00); border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; background-color: #383838;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Copy
input search

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"3b4ecda5-52b4-30fd-92d3-fc5bec963a88","type":"DOM","tag":"div","classes":["e99f3a74-ae3b-2487-dd91-e4c3385e21cf"],"children":["3b4ecda5-52b4-30fd-92d3-fc5bec963a89","3b4ecda5-52b4-30fd-92d3-fc5bec963a8b"],"data":{"editable":true,"tag":"div","attributes":[]}},{"_id":"3b4ecda5-52b4-30fd-92d3-fc5bec963a89","type":"DOM","tag":"div","classes":[],"children":["08ddc6c6-f44c-6ef0-52c4-f28431134cfc"],"data":{"editable":true,"tag":"label","attributes":[{"name":"style","value":"font-size: 0.875rem;"},{"name":"for","value":"searchInput"}]}},{"_id":"08ddc6c6-f44c-6ef0-52c4-f28431134cfc","text":true,"v":"Search"},{"_id":"3b4ecda5-52b4-30fd-92d3-fc5bec963a8b","type":"DOM","tag":"div","classes":["29bb3159-4552-a55c-e293-0d26e2f7421d"],"children":[],"data":{"editable":true,"tag":"input","attributes":[{"name":"name","value":"searchInput"},{"name":"id","value":"searchInput"},{"name":"placeholder","value":"search"},{"name":"type","value":"search"}]}}],"styles":[{"_id":"e99f3a74-ae3b-2487-dd91-e4c3385e21cf","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"29bb3159-4552-a55c-e293-0d26e2f7421d","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 0px; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 2.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: #2d2d2d; border-right-style: solid; border-right-width: 1px; border-right-color: #2d2d2d; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #2d2d2d; border-left-style: solid; border-left-width: 1px; border-left-color: #2d2d2d; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: hsla(0, 0.00%, 9.20%, 1.00); box-shadow: inset 0 2px 8px 0 rgba(0,0,0,0.2); color: white;","variants":{},"children":["41165335-6f4c-c812-98eb-9578f190b534"],"createdBy":"61f476eebc83e27188ab6890","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Copy
range

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"e14dad1d-92c8-b47b-d472-f7f21d0e0ffe","type":"DOM","tag":"div","classes":[],"children":[],"data":{"editable":true,"tag":"input","attributes":[{"name":"type","value":"range"}]}}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Copy
progress

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"47433472-46df-a0c1-2d84-00a60549f673","type":"DOM","tag":"div","classes":["e99f3a74-ae3b-2487-dd91-e4c3385e21cf"],"children":["47433472-46df-a0c1-2d84-00a60549f674","0b62b8e2-5740-0f7f-92e9-0101c7bce716","716f219d-ec55-7008-be5f-a52b90920c1f"],"data":{"editable":true,"tag":"div","attributes":[]}},{"_id":"47433472-46df-a0c1-2d84-00a60549f674","type":"DOM","tag":"div","classes":[],"children":["47433472-46df-a0c1-2d84-00a60549f675"],"data":{"editable":true,"tag":"label","attributes":[{"name":"style","value":"font-size: 0.875rem;"}]}},{"_id":"47433472-46df-a0c1-2d84-00a60549f675","text":true,"v":"File Progress"},{"_id":"0b62b8e2-5740-0f7f-92e9-0101c7bce716","type":"DOM","tag":"div","classes":["56ad06db-ad24-9cc9-9323-5d7c76ad9a4a"],"children":[],"data":{"editable":true,"tag":"progress","attributes":[{"name":"value","value":"25"},{"name":"max","value":"100"}]}},{"_id":"716f219d-ec55-7008-be5f-a52b90920c1f","type":"HtmlEmbed","tag":"div","classes":[],"children":[],"v":"<style>\n/* Style the background (bar) */\nprogress::-webkit-progress-bar {\n    background-color: #171717;\n    border-radius: 1rem;\n}\n\n/* Style the value (progress) */\nprogress::-webkit-progress-value {\n    background-color: #adea3e;\n    border-radius: 1rem;\n}\n</style>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<style>\n/* Style the background (bar) */\nprogress::-webkit-progress-bar {\n    background-color: #171717;\n    border-radius: 1rem;\n}\n\n/* Style the value (progress) */\nprogress::-webkit-progress-value {\n    background-color: #adea3e;\n    border-radius: 1rem;\n}\n</style>","div":false,"iframe":false,"script":false,"compilable":false}},"insideRTE":false}}],"styles":[{"_id":"e99f3a74-ae3b-2487-dd91-e4c3385e21cf","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"56ad06db-ad24-9cc9-9323-5d7c76ad9a4a","fake":false,"type":"class","name":"html--progress","namespace":"","comb":"","styleLess":"overflow: hidden; width: 100%; margin-bottom: 0px; border-top-style: none; border-top-width: 1px; border-top-color: black; border-right-style: none; border-right-width: 1px; border-right-color: black; border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: black; border-left-style: none; border-left-width: 1px; border-left-color: black; border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Copy
hidden (Hide input in form)

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"9ddf66f7-0437-02ff-9d2a-0d1b63cdb141","type":"DOM","tag":"div","classes":["e99f3a74-ae3b-2487-dd91-e4c3385e21cf"],"children":["9ddf66f7-0437-02ff-9d2a-0d1b63cdb142","9ddf66f7-0437-02ff-9d2a-0d1b63cdb144","3d821334-2c79-1943-defe-f84f789ef2df"],"data":{"editable":true,"tag":"","attributes":[]}},{"_id":"9ddf66f7-0437-02ff-9d2a-0d1b63cdb142","type":"DOM","tag":"div","classes":[],"children":["9ddf66f7-0437-02ff-9d2a-0d1b63cdb143"],"data":{"editable":true,"tag":"label","attributes":[{"name":"style","value":"font-size: 0.875rem;"}]}},{"_id":"9ddf66f7-0437-02ff-9d2a-0d1b63cdb143","text":true,"v":"The input is here, just hidden :)"},{"_id":"9ddf66f7-0437-02ff-9d2a-0d1b63cdb144","type":"DOM","tag":"div","classes":["29bb3159-4552-a55c-e293-0d26e2f7421d"],"children":[],"data":{"editable":true,"tag":"input","attributes":[{"name":"type","value":"hidden"},{"name":"name","value":"hidden"},{"name":"id","value":"hidden"}]}},{"_id":"3d821334-2c79-1943-defe-f84f789ef2df","type":"DOM","tag":"div","classes":["4750a4aa-648d-f739-e3b5-9d40ac1a03e0"],"children":["3d821334-2c79-1943-defe-f84f789ef2e0"],"data":{"editable":true,"tag":"label","attributes":[]}},{"_id":"3d821334-2c79-1943-defe-f84f789ef2e0","text":true,"v":"Used mostly to hide input in forms that users can't edit or submit"}],"styles":[{"_id":"e99f3a74-ae3b-2487-dd91-e4c3385e21cf","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"29bb3159-4552-a55c-e293-0d26e2f7421d","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"width: 100%; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: #2d2d2d; border-right-style: solid; border-right-width: 1px; border-right-color: #2d2d2d; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #2d2d2d; border-left-style: solid; border-left-width: 1px; border-left-color: #2d2d2d; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: hsla(0, 0.00%, 9.20%, 1.00); box-shadow: inset 0 2px 8px 0 rgba(0,0,0,0.2);","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"4750a4aa-648d-f739-e3b5-9d40ac1a03e0","fake":false,"type":"class","name":"desc-text","namespace":"","comb":"","styleLess":"margin-top: 5px; margin-bottom: 0px; color: hsla(0, 0.00%, 44.53%, 1.00); font-size: 0.75rem;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Copy
hr (horizontal line)

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"458ca7b7-d10d-4daf-2a81-11d37c4389d7","type":"DOM","tag":"div","classes":[],"children":[],"data":{"editable":true,"tag":"hr","attributes":[{"name":"style","value":"width: 100%"}]}}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Copy
url

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"ab7a7333-2a8d-e4c1-3ea1-747053473dc0","type":"DOM","tag":"div","classes":["e99f3a74-ae3b-2487-dd91-e4c3385e21cf"],"children":["510ff606-42d5-3a26-cf4b-5482c9d516fc","5ac1f8ee-f66a-045b-affe-8a36aa23877a"],"data":{"editable":true,"tag":"div","attributes":[]}},{"_id":"510ff606-42d5-3a26-cf4b-5482c9d516fc","type":"DOM","tag":"div","classes":[],"children":["510ff606-42d5-3a26-cf4b-5482c9d516fd"],"data":{"editable":true,"tag":"label","attributes":[{"name":"style","value":"font-size: 0.875rem;"}]}},{"_id":"510ff606-42d5-3a26-cf4b-5482c9d516fd","text":true,"v":"URL"},{"_id":"5ac1f8ee-f66a-045b-affe-8a36aa23877a","type":"DOM","tag":"div","classes":["29bb3159-4552-a55c-e293-0d26e2f7421d"],"children":[],"data":{"editable":true,"tag":"input","attributes":[{"name":"type","value":"url"},{"name":"name","value":"url"},{"name":"id","value":"url"},{"name":"placeholder","value":"https://flowscriipt.com"},{"name":"pattern","value":"https://.*"}]}}],"styles":[{"_id":"e99f3a74-ae3b-2487-dd91-e4c3385e21cf","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"29bb3159-4552-a55c-e293-0d26e2f7421d","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 0px; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 2.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: #2d2d2d; border-right-style: solid; border-right-width: 1px; border-right-color: #2d2d2d; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #2d2d2d; border-left-style: solid; border-left-width: 1px; border-left-color: #2d2d2d; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: hsla(0, 0.00%, 9.20%, 1.00); box-shadow: inset 0 2px 8px 0 rgba(0,0,0,0.2); color: white;","variants":{},"children":["41165335-6f4c-c812-98eb-9578f190b534"],"createdBy":"61f476eebc83e27188ab6890","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Copy
video

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"77cbc112-17a9-98bb-fcb4-fc8d2fc107ac","type":"DOM","tag":"div","classes":["070aa31a-b9d1-cf6d-127e-474ea7fbde5d"],"children":["77cbc112-17a9-98bb-fcb4-fc8d2fc107ad"],"data":{"editable":true,"tag":"video","attributes":[{"name":"loop","value":" "},{"name":"style","value":"height: 100%"},{"name":"mute","value":""},{"name":"controls","value":" "}]}},{"_id":"77cbc112-17a9-98bb-fcb4-fc8d2fc107ad","type":"DOM","tag":"div","classes":[],"children":[],"data":{"editable":true,"tag":"source","attributes":[{"name":"src","value":"https://vod-progressive.akamaized.net/exp=1698130220~acl=%2Fvimeo-prod-skyfire-std-us%2F01%2F1629%2F12%2F308149228%2F1184362456.mp4~hmac=a97d90b22e7f71c1d00ff169655d39b6cf4352227b04fe3bdedf0ca4d3e64310/vimeo-prod-skyfire-std-us/01/1629/12/308149228/1184362456.mp4?download=1&filename=pexels_videos_1722591+%281080p%29.mp4"},{"name":"type","value":"video/mp4"}]}}],"styles":[{"_id":"070aa31a-b9d1-cf6d-127e-474ea7fbde5d","fake":false,"type":"class","name":"input--video","namespace":"","comb":"","styleLess":"width: 100%; padding-top: 0rem; padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem; border-top-style: solid; border-top-width: 1px; border-top-color: #2d2d2d; border-right-style: solid; border-right-width: 1px; border-right-color: #2d2d2d; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #2d2d2d; border-left-style: solid; border-left-width: 1px; border-left-color: #2d2d2d; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: hsla(0, 0.00%, 9.20%, 1.00); box-shadow: inset 0 2px 8px 0 rgba(0,0,0,0.2);","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Copy
audio

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"87321d96-83c0-5027-2d8c-d956eaa5aa81","type":"DOM","tag":"div","classes":["29bb3159-4552-a55c-e293-0d26e2f7421d"],"children":["de9f6c58-69a3-0ff4-6d99-91aba7aa6b90"],"data":{"editable":true,"tag":"audio","attributes":[{"name":"controls","value":" "},{"name":"loop","value":" "}]}},{"_id":"de9f6c58-69a3-0ff4-6d99-91aba7aa6b90","type":"DOM","tag":"div","classes":[],"children":[],"data":{"editable":true,"tag":"source","attributes":[{"name":"src","value":"https://cdn.pixabay.com/download/audio/2022/08/02/audio_b0a870601e.mp3?filename=cinematic-music-sketches-11-cinematic-percussion-sketch-116186.mp3"},{"name":"type","value":"audio/mpeg"}]}}],"styles":[{"_id":"29bb3159-4552-a55c-e293-0d26e2f7421d","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"width: 100%; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: #2d2d2d; border-right-style: solid; border-right-width: 1px; border-right-color: #2d2d2d; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #2d2d2d; border-left-style: solid; border-left-width: 1px; border-left-color: #2d2d2d; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: hsla(0, 0.00%, 9.20%, 1.00); box-shadow: inset 0 2px 8px 0 rgba(0,0,0,0.2);","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Copy
iframe

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"7989d273-2640-e0cb-029d-bb0f7f335dad","type":"DOM","tag":"div","classes":[],"children":[],"data":{"editable":true,"tag":"iframe","attributes":[{"name":"style","value":"width: 100%; height: 100%; background-color: #171717; border-style: solid; border-width: 1px; border-color: #2d2d2d; border-radius: 0.75rem"},{"name":"src","value":"https://flowscriipt.webflow.io/chatgpt-for-webflow"},{"name":"title","value":"W3Schools Free Online Web Tutorials"}]}}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Copy
canvas

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"adb31510-33f5-959c-23aa-b51820c64f56","type":"Block","tag":"div","classes":["6b684790-d913-d533-1cf3-b3af047d809c"],"children":["a5618747-d16b-b6d9-fe76-7bac833642ff","adb31510-33f5-959c-23aa-b51820c64f57","c29b4453-44a2-844d-bf6d-50ed18188066"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5618747-d16b-b6d9-fe76-7bac833642ff","type":"DOM","tag":"div","classes":[],"children":["eab92f92-9184-696b-b070-0c5ef304d2e2","b2a63825-2ca6-ebe0-4d2d-72964e88343e"],"data":{"editable":true,"tag":"div","attributes":[{"name":"style","value":"width: 100%"}]}},{"_id":"eab92f92-9184-696b-b070-0c5ef304d2e2","type":"DOM","tag":"div","classes":[],"children":["0b2de9bf-466e-46fa-22ce-cc695972faa8","aadc6e5d-e098-5831-524a-957ced732952","26bade72-8844-5d92-76d4-62bf653a5ef7"],"data":{"editable":true,"tag":"div","attributes":[]}},{"_id":"0b2de9bf-466e-46fa-22ce-cc695972faa8","type":"DOM","tag":"div","classes":["d8d2b98c-14ef-607a-152a-e6619ea4c52f"],"children":[],"data":{"editable":true,"tag":"input","attributes":[{"name":"type","value":"color"},{"name":"list","value":"nolist"},{"name":"value","value":"#ffffff"},{"name":"style","value":"margin: 0px 16px 0px 0px"}]}},{"_id":"aadc6e5d-e098-5831-524a-957ced732952","type":"DOM","tag":"div","classes":[],"children":[],"data":{"editable":true,"tag":"input","attributes":[{"name":"type","value":"range"},{"name":"class","value":"js-line-range"},{"name":"min","value":"1"},{"name":"max","value":"72"},{"name":"value","value":"1"}]}},{"_id":"26bade72-8844-5d92-76d4-62bf653a5ef7","type":"DOM","tag":"div","classes":[],"children":["845d191e-b9d1-8a8b-d85a-45d7bfafa5d7"],"data":{"editable":true,"tag":"label","attributes":[{"name":"class","value":"js-range-value"},{"name":"style","value":"margin: 0px 0px 0px 8px; display: inline-block"}]}},{"_id":"845d191e-b9d1-8a8b-d85a-45d7bfafa5d7","text":true,"v":"1"},{"_id":"b2a63825-2ca6-ebe0-4d2d-72964e88343e","type":"DOM","tag":"div","classes":["4750a4aa-648d-f739-e3b5-9d40ac1a03e0"],"children":["b2a63825-2ca6-ebe0-4d2d-72964e88343f"],"data":{"editable":true,"tag":"label","attributes":[]}},{"_id":"b2a63825-2ca6-ebe0-4d2d-72964e88343f","text":true,"v":"Try drawing Below :)"},{"_id":"adb31510-33f5-959c-23aa-b51820c64f57","type":"DOM","tag":"div","classes":[],"children":[],"data":{"editable":true,"tag":"canvas","attributes":[{"name":"style","value":"width: 100%; height: 100%; background-color: #171717; border-style: solid; border-width: 1px; border-color: #2d2d2d; border-radius: 0.75rem"},{"name":"class","value":"js-paint paint-canvas"}]}},{"_id":"c29b4453-44a2-844d-bf6d-50ed18188066","type":"HtmlEmbed","tag":"div","classes":["63ad7ed6-5425-1330-046b-62e2188fd5ff"],"children":[],"v":"<script>\nconst paintCanvas = document.querySelector('.js-paint');\nconst context = paintCanvas.getContext('2d');\ncontext.lineCap = 'round';\ncontext.strokeStyle = 'white';  // This sets the default color to white\n\n\nconst colorPicker = document.querySelector( '.js-color-picker');\n\ncolorPicker.addEventListener( 'change', event => {\n    context.strokeStyle = event.target.value; \n} );\n\nconst lineWidthRange = document.querySelector( '.js-line-range' );\nconst lineWidthLabel = document.querySelector( '.js-range-value' );\n\nlineWidthRange.addEventListener( 'input', event => {\n    const width = event.target.value;\n    lineWidthLabel.innerHTML = width;\n    context.lineWidth = width;\n} );\n\nlet x = 0, y = 0;\nlet isMouseDown = false;\n\nconst stopDrawing = () => { isMouseDown = false; }\nconst startDrawing = event => {\n    isMouseDown = true;\n    if(event.type === 'touchstart') {\n        const rect = paintCanvas.getBoundingClientRect();\n        [x, y] = [event.touches[0].clientX - rect.left, event.touches[0].clientY - rect.top];\n    } else {\n        [x, y] = [event.offsetX, event.offsetY];\n    }\n}\n\nconst drawLine = event => {\n    let newX, newY;\n    if(event.type === 'touchmove') {\n        const rect = paintCanvas.getBoundingClientRect();\n        newX = event.touches[0].clientX - rect.left;\n        newY = event.touches[0].clientY - rect.top;\n    } else {\n        newX = event.offsetX;\n        newY = event.offsetY;\n    }\n\n    if (isMouseDown) {\n        context.beginPath();\n        context.moveTo(x, y);\n        context.lineTo(newX, newY);\n        context.stroke();\n        x = newX;\n        y = newY;\n    }\n}\n\n// Existing mouse event listeners\npaintCanvas.addEventListener('mousedown', startDrawing);\npaintCanvas.addEventListener('mousemove', drawLine);\npaintCanvas.addEventListener('mouseup', stopDrawing);\npaintCanvas.addEventListener('mouseout', stopDrawing);\n\n// Touch event listeners\npaintCanvas.addEventListener('touchstart', startDrawing);\npaintCanvas.addEventListener('touchmove', drawLine);\npaintCanvas.addEventListener('touchend', stopDrawing);\npaintCanvas.addEventListener('touchcancel', stopDrawing);  // For when the touch is interrupted\n</script>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<script>\nconst paintCanvas = document.querySelector('.js-paint');\nconst context = paintCanvas.getContext('2d');\ncontext.lineCap = 'round';\ncontext.strokeStyle = 'white';  // This sets the default color to white\n\n\nconst colorPicker = document.querySelector( '.js-color-picker');\n\ncolorPicker.addEventListener( 'change', event => {\n    context.strokeStyle = event.target.value; \n} );\n\nconst lineWidthRange = document.querySelector( '.js-line-range' );\nconst lineWidthLabel = document.querySelector( '.js-range-value' );\n\nlineWidthRange.addEventListener( 'input', event => {\n    const width = event.target.value;\n    lineWidthLabel.innerHTML = width;\n    context.lineWidth = width;\n} );\n\nlet x = 0, y = 0;\nlet isMouseDown = false;\n\nconst stopDrawing = () => { isMouseDown = false; }\nconst startDrawing = event => {\n    isMouseDown = true;\n    if(event.type === 'touchstart') {\n        const rect = paintCanvas.getBoundingClientRect();\n        [x, y] = [event.touches[0].clientX - rect.left, event.touches[0].clientY - rect.top];\n    } else {\n        [x, y] = [event.offsetX, event.offsetY];\n    }\n}\n\nconst drawLine = event => {\n    let newX, newY;\n    if(event.type === 'touchmove') {\n        const rect = paintCanvas.getBoundingClientRect();\n        newX = event.touches[0].clientX - rect.left;\n        newY = event.touches[0].clientY - rect.top;\n    } else {\n        newX = event.offsetX;\n        newY = event.offsetY;\n    }\n\n    if (isMouseDown) {\n        context.beginPath();\n        context.moveTo(x, y);\n        context.lineTo(newX, newY);\n        context.stroke();\n        x = newX;\n        y = newY;\n    }\n}\n\n// Existing mouse event listeners\npaintCanvas.addEventListener('mousedown', startDrawing);\npaintCanvas.addEventListener('mousemove', drawLine);\npaintCanvas.addEventListener('mouseup', stopDrawing);\npaintCanvas.addEventListener('mouseout', stopDrawing);\n\n// Touch event listeners\npaintCanvas.addEventListener('touchstart', startDrawing);\npaintCanvas.addEventListener('touchmove', drawLine);\npaintCanvas.addEventListener('touchend', stopDrawing);\npaintCanvas.addEventListener('touchcancel', stopDrawing);  // For when the touch is interrupted\n</script>","div":false,"iframe":false,"script":true,"compilable":false}},"insideRTE":false}}],"styles":[{"_id":"6b684790-d913-d533-1cf3-b3af047d809c","fake":false,"type":"class","name":"wrapper","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: center; grid-column-gap: 0.75rem; grid-row-gap: 0.75rem;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"d8d2b98c-14ef-607a-152a-e6619ea4c52f","fake":false,"type":"class","name":"js-color-picker","namespace":"","comb":"","styleLess":"border-top-style: none; border-top-width: 1px; border-top-color: black; border-right-style: none; border-right-width: 1px; border-right-color: black; border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: black; border-left-style: none; border-left-width: 1px; border-left-color: black; background-color: hsla(0, 0.00%, 28.53%, 1.00);","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"4750a4aa-648d-f739-e3b5-9d40ac1a03e0","fake":false,"type":"class","name":"desc-text","namespace":"","comb":"","styleLess":"margin-top: 5px; margin-bottom: 0px; color: hsla(0, 0.00%, 44.53%, 1.00); font-size: 0.75rem;","variants":{},"children":["6f50ea53-1366-61bf-59e3-bde52f384ff9"],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"63ad7ed6-5425-1330-046b-62e2188fd5ff","fake":false,"type":"class","name":"hide","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Copy