Early Access - 0.1.1
SiftCMS - Unstyled UI Starter
For Webstudio
If using Webstudio, just clone the whole UI Starter through this link
Free Version
{"@webstudio/instance/v0.1":{"instanceSelector":["ltzIy8JnL49bkZZoYslft","pqJaGQLJ19iaxJqd-3E7e","psqgWEh9mSUvb49n8vthF","dkHSw9cVZwA0umHMrEsY1","IEMLxQ6Fr9RJ69zlDeSY8","4mxJ7FeZ4eBQUEFjO6eDm","tlXxqUf1Q4xGHd-z9yjDI","xJ--NHkTMtpZWM8KCPNoL"],"children":[{"type":"id","value":"ltzIy8JnL49bkZZoYslft"}],"instances":[{"type":"instance","id":"ltzIy8JnL49bkZZoYslft","component":"Box","label":"filters_component","children":[{"type":"id","value":"AyBV8mmLhQny6d6y-U9n7"}]},{"type":"instance","id":"AyBV8mmLhQny6d6y-U9n7","component":"Box","label":"filters","children":[{"type":"id","value":"VcFogrct_JuAYwahm1TDA"}]},{"type":"instance","id":"VcFogrct_JuAYwahm1TDA","component":"Input","children":[]}],"styleSourceSelections":[{"instanceId":"ltzIy8JnL49bkZZoYslft","values":["uu4XNPtbIs-CdBB818kFJ"]},{"instanceId":"AyBV8mmLhQny6d6y-U9n7","values":["uuICIZ4Ci4k-u51eq84qG"]}],"styleSources":[{"type":"token","id":"uu4XNPtbIs-CdBB818kFJ","name":"filters_component"},{"type":"token","id":"uuICIZ4Ci4k-u51eq84qG","name":"filters"}],"breakpoints":[{"id":"7FoZPrnNhY1xA_zMmIVsW","label":"Base"},{"id":"7Dfph4xhFU0M7I8r3mFMT","label":"Tablet","maxWidth":991},{"id":"pnKHUxVUN9YKEj61Owgzv","label":"Mobile landscape","maxWidth":767},{"id":"2zL8NP64U9f-c6v1sH8l5","label":"Mobile portrait","maxWidth":479}],"styles":[{"styleSourceId":"uu4XNPtbIs-CdBB818kFJ","breakpointId":"7FoZPrnNhY1xA_zMmIVsW","property":"display","value":{"type":"keyword","value":"flex"}},{"styleSourceId":"uu4XNPtbIs-CdBB818kFJ","breakpointId":"7FoZPrnNhY1xA_zMmIVsW","property":"width","value":{"type":"unit","unit":"%","value":100}},{"styleSourceId":"uu4XNPtbIs-CdBB818kFJ","breakpointId":"7FoZPrnNhY1xA_zMmIVsW","property":"flexDirection","value":{"type":"keyword","value":"column"}},{"styleSourceId":"uu4XNPtbIs-CdBB818kFJ","breakpointId":"7FoZPrnNhY1xA_zMmIVsW","property":"flexWrap","value":{"type":"keyword","value":"nowrap"}},{"styleSourceId":"uu4XNPtbIs-CdBB818kFJ","breakpointId":"7FoZPrnNhY1xA_zMmIVsW","property":"columnGap","value":{"type":"unit","unit":"rem","value":1}},{"styleSourceId":"uu4XNPtbIs-CdBB818kFJ","breakpointId":"7FoZPrnNhY1xA_zMmIVsW","property":"rowGap","value":{"type":"unit","unit":"rem","value":1}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"7FoZPrnNhY1xA_zMmIVsW","property":"display","value":{"type":"keyword","value":"flex"}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"7FoZPrnNhY1xA_zMmIVsW","property":"width","value":{"type":"unit","unit":"%","value":100}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"7FoZPrnNhY1xA_zMmIVsW","property":"paddingTop","value":{"type":"unit","unit":"rem","value":0.5}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"7FoZPrnNhY1xA_zMmIVsW","property":"paddingRight","value":{"type":"unit","unit":"rem","value":0.5}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"7FoZPrnNhY1xA_zMmIVsW","property":"paddingBottom","value":{"type":"unit","unit":"rem","value":0.5}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"7FoZPrnNhY1xA_zMmIVsW","property":"paddingLeft","value":{"type":"unit","unit":"rem","value":0.5}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"7FoZPrnNhY1xA_zMmIVsW","property":"justifyContent","value":{"type":"keyword","value":"space-between"}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"7FoZPrnNhY1xA_zMmIVsW","property":"alignItems","value":{"type":"keyword","value":"center"}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"7FoZPrnNhY1xA_zMmIVsW","property":"columnGap","value":{"type":"unit","unit":"rem","value":2}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"7FoZPrnNhY1xA_zMmIVsW","property":"rowGap","value":{"type":"unit","unit":"rem","value":2}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"7FoZPrnNhY1xA_zMmIVsW","property":"backgroundColor","value":{"type":"rgb","r":142,"g":142,"b":142,"alpha":1}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"7Dfph4xhFU0M7I8r3mFMT","property":"zIndex","value":{"type":"unit","unit":"number","value":999}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"7Dfph4xhFU0M7I8r3mFMT","property":"width","value":{"type":"unit","unit":"%","value":50}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"7Dfph4xhFU0M7I8r3mFMT","property":"marginRight","value":{"type":"keyword","value":"auto"}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"7Dfph4xhFU0M7I8r3mFMT","property":"marginLeft","value":{"type":"keyword","value":"auto"}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"7Dfph4xhFU0M7I8r3mFMT","property":"flexDirection","value":{"type":"keyword","value":"column"}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"7Dfph4xhFU0M7I8r3mFMT","property":"flexWrap","value":{"type":"keyword","value":"nowrap"}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"7Dfph4xhFU0M7I8r3mFMT","property":"columnGap","value":{"type":"unit","unit":"rem","value":1.5}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"7Dfph4xhFU0M7I8r3mFMT","property":"rowGap","value":{"type":"unit","unit":"rem","value":1.5}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"pnKHUxVUN9YKEj61Owgzv","property":"minWidth","value":{"type":"unit","unit":"rem","value":15}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"2zL8NP64U9f-c6v1sH8l5","property":"width","value":{"type":"unit","unit":"%","value":90}},{"styleSourceId":"uuICIZ4Ci4k-u51eq84qG","breakpointId":"2zL8NP64U9f-c6v1sH8l5","property":"minWidth","value":{"type":"unit","unit":"rem","value":0}}],"dataSources":[],"resources":[],"props":[{"id":"4nwUo57FhGAeAMQMwYMGq","instanceId":"VcFogrct_JuAYwahm1TDA","name":"placeholder","type":"string","value":"Search by name"},{"id":"j7Bc7Bxn3V-LIWN_BbqZH","instanceId":"VcFogrct_JuAYwahm1TDA","name":"data-search","type":"string","value":"true"}],"assets":[]}}
Pro Version
For Webflow
If using Webflow, copy the component on the live website using the copy button.
Free Version
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"0f8cb6d6-9fff-a71f-7784-c748ab9da406","type":"Block","tag":"div","classes":["27c8fbbd-6d4a-dfbe-616e-02b43181a958"],"children":["1ccbee7d-8f0a-cff6-5a91-ca4da89a9971","7ce61899-6287-1ad4-3a47-76557adbf0d0","2e940098-a3d5-32b7-d54d-a4b10a114744","9562f784-c1c9-760c-3762-32efa38c105a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1ccbee7d-8f0a-cff6-5a91-ca4da89a9971","type":"DOM","tag":"div","classes":["27c8fbbd-6d4a-dfbe-616e-02b43181a956"],"children":[],"data":{"tag":"input","attributes":[{"name":"placeholder","value":"Search by name"},{"name":"type","value":"text"},{"name":"data-search","value":"true"}]}},{"_id":"7ce61899-6287-1ad4-3a47-76557adbf0d0","type":"DOM","tag":"div","classes":["27c8fbbd-6d4a-dfbe-616e-02b43181a95b"],"children":["02c69423-ba32-634e-be26-298da2a3151f","a9431ea9-3b7c-d107-0bcd-8960e83b168c","159fa656-5993-3dc7-362a-9955dbc518b7","06a22283-7646-0276-3237-84f184002391"],"data":{"tag":"select","attributes":[{"name":"data-select","value":"true"}]}},{"_id":"02c69423-ba32-634e-be26-298da2a3151f","type":"DOM","tag":"div","classes":[],"children":["2467d423-70ca-23fd-e170-15258d1651d4"],"data":{"tag":"option","attributes":[{"name":"value","value":""}]}},{"_id":"2467d423-70ca-23fd-e170-15258d1651d4","type":"Block","tag":"div","classes":[],"children":["cb02efd9-2a3d-bf57-6940-f1e5df64e866"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cb02efd9-2a3d-bf57-6940-f1e5df64e866","text":true,"v":"Select an option"},{"_id":"a9431ea9-3b7c-d107-0bcd-8960e83b168c","type":"DOM","tag":"div","classes":[],"children":["c5f3fd97-4901-aaf7-f06f-acd305015a0c"],"data":{"tag":"option","attributes":[{"name":"value","value":"design"}]}},{"_id":"c5f3fd97-4901-aaf7-f06f-acd305015a0c","type":"Block","tag":"div","classes":[],"children":["1003e9f3-175f-a220-04d3-6e9de068e046"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1003e9f3-175f-a220-04d3-6e9de068e046","text":true,"v":"Design"},{"_id":"159fa656-5993-3dc7-362a-9955dbc518b7","type":"DOM","tag":"div","classes":[],"children":["e4805b1d-da05-5c95-b44c-528b514fe3c0"],"data":{"tag":"option","attributes":[{"name":"value","value":"dev"}]}},{"_id":"e4805b1d-da05-5c95-b44c-528b514fe3c0","type":"Block","tag":"div","classes":[],"children":["378a8c6c-1e26-31a3-be1e-fef5d30e75b1"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"378a8c6c-1e26-31a3-be1e-fef5d30e75b1","text":true,"v":"Dev"},{"_id":"06a22283-7646-0276-3237-84f184002391","type":"DOM","tag":"div","classes":[],"children":["e1557605-14e7-6d88-ff18-0c2e6cd78e11"],"data":{"tag":"option","attributes":[{"name":"value","value":"3d"}]}},{"_id":"e1557605-14e7-6d88-ff18-0c2e6cd78e11","type":"Block","tag":"div","classes":[],"children":["4916b0d5-3af4-2fdd-006b-9fdaedecae0c"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4916b0d5-3af4-2fdd-006b-9fdaedecae0c","text":true,"v":"3D"},{"_id":"2e940098-a3d5-32b7-d54d-a4b10a114744","type":"HFlex","tag":"div","classes":["27c8fbbd-6d4a-dfbe-616e-02b43181a957"],"children":["5e69db63-35ef-e8e5-4e5b-c7b3976b95c5","11f8d7c6-e316-763e-a196-5f856aca70a6","34044667-a052-d1bf-e7c6-6f67735d639e"],"data":{"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":"custom-checkboxes"},"xattr":[{"name":"data-checkboxes","value":"true"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5e69db63-35ef-e8e5-4e5b-c7b3976b95c5","type":"HFlex","tag":"div","classes":["27c8fbbd-6d4a-dfbe-616e-02b43181a95c"],"children":["57b5b055-2373-1c63-2bea-7a590fdf724b","ef36b43e-9d3f-00ee-fd9f-0178f4f38ece"],"data":{"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"57b5b055-2373-1c63-2bea-7a590fdf724b","type":"DOM","tag":"div","classes":["27c8fbbd-6d4a-dfbe-616e-02b43181a955"],"children":[],"data":{"tag":"input","attributes":[{"name":"type","value":"checkbox"},{"name":"name","value":"tutorial"}]}},{"_id":"ef36b43e-9d3f-00ee-fd9f-0178f4f38ece","type":"DOM","tag":"div","classes":["27c8fbbd-6d4a-dfbe-616e-02b43181a95d"],"children":["2198032d-05bb-4070-a53d-acc4fdc8bbea"],"data":{"tag":"label","attributes":[{"name":"for","value":"tutorial"}]}},{"_id":"2198032d-05bb-4070-a53d-acc4fdc8bbea","text":true,"v":"Tutorial"},{"_id":"11f8d7c6-e316-763e-a196-5f856aca70a6","type":"HFlex","tag":"div","classes":["27c8fbbd-6d4a-dfbe-616e-02b43181a95c"],"children":["ea666d77-2195-cb28-a27b-b656cacdc5c9","ec7a3bac-3adc-6632-8906-7738d16c9e15"],"data":{"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ea666d77-2195-cb28-a27b-b656cacdc5c9","type":"DOM","tag":"div","classes":["27c8fbbd-6d4a-dfbe-616e-02b43181a955"],"children":[],"data":{"tag":"input","attributes":[{"name":"type","value":"checkbox"},{"name":"name","value":"ranking"}]}},{"_id":"ec7a3bac-3adc-6632-8906-7738d16c9e15","type":"DOM","tag":"div","classes":["27c8fbbd-6d4a-dfbe-616e-02b43181a95d"],"children":["df48f588-5066-0d68-328d-795690e52553"],"data":{"tag":"label","attributes":[{"name":"for","value":"ranking"}]}},{"_id":"df48f588-5066-0d68-328d-795690e52553","text":true,"v":"Ranking"},{"_id":"34044667-a052-d1bf-e7c6-6f67735d639e","type":"HFlex","tag":"div","classes":["27c8fbbd-6d4a-dfbe-616e-02b43181a95c"],"children":["370e1bf1-5e13-2010-d95f-f6e9b06fc18e","0d0f597d-364a-b0cd-e6c5-f48ee9c75fe8"],"data":{"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"370e1bf1-5e13-2010-d95f-f6e9b06fc18e","type":"DOM","tag":"div","classes":["27c8fbbd-6d4a-dfbe-616e-02b43181a955"],"children":[],"data":{"tag":"input","attributes":[{"name":"type","value":"checkbox"},{"name":"name","value":"article"}]}},{"_id":"0d0f597d-364a-b0cd-e6c5-f48ee9c75fe8","type":"DOM","tag":"div","classes":["27c8fbbd-6d4a-dfbe-616e-02b43181a95d"],"children":["4eb4043a-d32e-9293-7638-cff898db40e5"],"data":{"tag":"label","attributes":[{"name":"for","value":"article"}]}},{"_id":"4eb4043a-d32e-9293-7638-cff898db40e5","text":true,"v":"Article"},{"_id":"9562f784-c1c9-760c-3762-32efa38c105a","type":"Block","tag":"div","classes":["27c8fbbd-6d4a-dfbe-616e-02b43181a95a"],"children":["2c4e58a0-44ab-337c-3807-cd2e8d210bbb"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2c4e58a0-44ab-337c-3807-cd2e8d210bbb","type":"DOM","tag":"div","classes":["27c8fbbd-6d4a-dfbe-616e-02b43181a959"],"children":["3f95b42a-9c19-f217-1c2f-e8ce4ae8913b","038dc16f-f769-570e-dfba-cbab5fe63f1c","d1cda2cc-5402-1ccf-cfbc-502283e06509","4c068d11-d2ed-f89d-be1a-82aa178f5bb3","613f3637-4167-7fdd-982f-8e7f1dcf9427"],"data":{"tag":"select","attributes":[{"name":"data-sort-select","value":"true"}]}},{"_id":"3f95b42a-9c19-f217-1c2f-e8ce4ae8913b","type":"DOM","tag":"div","classes":[],"children":["0ed4724a-9cfa-da26-23be-ddc4f59e7752"],"data":{"tag":"option","attributes":[]}},{"_id":"0ed4724a-9cfa-da26-23be-ddc4f59e7752","type":"Block","tag":"div","classes":[],"children":["518302dc-e2b0-6032-17f0-82d3673d285a"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"518302dc-e2b0-6032-17f0-82d3673d285a","text":true,"v":"Sort by"},{"_id":"038dc16f-f769-570e-dfba-cbab5fe63f1c","type":"DOM","tag":"div","classes":[],"children":["9124f100-8186-caae-09f7-15c9b1cd889e"],"data":{"tag":"option","attributes":[{"name":"data-ascending-sort","value":"true"}]}},{"_id":"9124f100-8186-caae-09f7-15c9b1cd889e","type":"Block","tag":"div","classes":[],"children":["fb03117c-5ad0-3079-3a56-a9818a7a472f"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"fb03117c-5ad0-3079-3a56-a9818a7a472f","text":true,"v":"A-Z"},{"_id":"d1cda2cc-5402-1ccf-cfbc-502283e06509","type":"DOM","tag":"div","classes":[],"children":["d4a0e3d0-739b-e035-f9dd-3a9785ba7cfd"],"data":{"tag":"option","attributes":[{"name":"data-descending-sort","value":"true"}]}},{"_id":"d4a0e3d0-739b-e035-f9dd-3a9785ba7cfd","type":"Block","tag":"div","classes":[],"children":["f4ea6b09-34d6-c6cd-6f46-2451ca35a94d"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f4ea6b09-34d6-c6cd-6f46-2451ca35a94d","text":true,"v":"Z-A"},{"_id":"4c068d11-d2ed-f89d-be1a-82aa178f5bb3","type":"DOM","tag":"div","classes":[],"children":["d26023ec-6b87-e6f4-4b87-edc9fea058b8"],"data":{"tag":"option","attributes":[{"name":"data-newest-sort","value":"true"}]}},{"_id":"d26023ec-6b87-e6f4-4b87-edc9fea058b8","type":"Block","tag":"div","classes":[],"children":["6d18a7c5-f347-9f38-5d91-21f38a1d9491"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6d18a7c5-f347-9f38-5d91-21f38a1d9491","text":true,"v":"Newest"},{"_id":"613f3637-4167-7fdd-982f-8e7f1dcf9427","type":"DOM","tag":"div","classes":[],"children":["ebe0d33e-9010-b2d1-cf37-bd4133194795"],"data":{"tag":"option","attributes":[{"name":"data-oldest-sort","value":"true"}]}},{"_id":"ebe0d33e-9010-b2d1-cf37-bd4133194795","type":"Block","tag":"div","classes":[],"children":["c00b5184-629f-41c9-3f4b-5f669d975c05"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c00b5184-629f-41c9-3f4b-5f669d975c05","text":true,"v":"Oldest"}],"styles":[{"_id":"27c8fbbd-6d4a-dfbe-616e-02b43181a956","fake":false,"type":"class","name":"input-text","namespace":"","comb":"","styleLess":"padding-top: 0.25rem; padding-right: 0.75rem; padding-bottom: 0.25rem; padding-left: 0.5rem; color: black;","variants":{"medium":{"styleLess":"width: 100%;"}},"children":[],"createdBy":"5f5426c67b8067b6b7bc9172","origin":null,"selector":null},{"_id":"27c8fbbd-6d4a-dfbe-616e-02b43181a959","fake":false,"type":"class","name":"sort_input-select","namespace":"","comb":"","styleLess":"width: 100%; padding-top: 0.25rem; padding-right: 0.75rem; padding-bottom: 0.25rem; padding-left: 0.25rem; color: black;","variants":{},"children":[],"createdBy":"5f5426c67b8067b6b7bc9172","origin":null,"selector":null},{"_id":"27c8fbbd-6d4a-dfbe-616e-02b43181a95b","fake":false,"type":"class","name":"input-select","namespace":"","comb":"","styleLess":"padding-top: 0.25rem; padding-right: 0.75rem; padding-bottom: 0.25rem; padding-left: 0.25rem; color: black;","variants":{"medium":{"styleLess":"width: 100%;"}},"children":[],"createdBy":"5f5426c67b8067b6b7bc9172","origin":null,"selector":null},{"_id":"27c8fbbd-6d4a-dfbe-616e-02b43181a95c","fake":false,"type":"class","name":"checkbox-wrapper","namespace":"","comb":"","styleLess":"justify-content: center; align-items: center; grid-column-gap: 0.25rem; grid-row-gap: 0.25rem;","variants":{},"children":[],"createdBy":"5f5426c67b8067b6b7bc9172","origin":null,"selector":null},{"_id":"27c8fbbd-6d4a-dfbe-616e-02b43181a957","fake":false,"type":"class","name":"checkboxes-wrapper","namespace":"","comb":"","styleLess":"grid-column-gap: 1.5rem; grid-row-gap: 1.5rem;","variants":{"small":{"styleLess":"flex-direction: column; flex-wrap: nowrap;"}},"children":[],"createdBy":"5f5426c67b8067b6b7bc9172","origin":null,"selector":null},{"_id":"27c8fbbd-6d4a-dfbe-616e-02b43181a958","fake":false,"type":"class","name":"filters","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; justify-content: space-between; align-items: center; grid-column-gap: 2rem; grid-row-gap: 2rem; background-color: hsla(0, 0.00%, 55.52%, 1.00);","variants":{"medium":{"styleLess":"z-index: 999; width: 50%; margin-right: auto; margin-left: auto; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 1.5rem; grid-row-gap: 1.5rem;"},"small":{"styleLess":"min-width: 15rem;"},"tiny":{"styleLess":"width: 90%; min-width: 0rem;"}},"children":[],"createdBy":"5f5426c67b8067b6b7bc9172","origin":null,"selector":null},{"_id":"27c8fbbd-6d4a-dfbe-616e-02b43181a95d","fake":false,"type":"class","name":"label","namespace":"","comb":"","styleLess":"margin-bottom: 0px; font-weight: 400;","variants":{},"children":[],"createdBy":"5f5426c67b8067b6b7bc9172","origin":null,"selector":null},{"_id":"27c8fbbd-6d4a-dfbe-616e-02b43181a95a","fake":false,"type":"class","name":"sort","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-right: 0rem; padding-left: 0rem; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"5f5426c67b8067b6b7bc9172","origin":null,"selector":null},{"_id":"27c8fbbd-6d4a-dfbe-616e-02b43181a955","fake":false,"type":"class","name":"checkbox","namespace":"","comb":"","styleLess":"width: 1rem; height: 1rem; color: black;","variants":{},"children":[],"createdBy":"5f5426c67b8067b6b7bc9172","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":0}}
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"67ad0768-15a2-8925-bfd8-7e6df8b5e957","type":"Block","tag":"div","classes":["ab3659cf-9fb9-8b37-76fd-c5f8804de306"],"children":["777e492a-a93a-882f-c44f-66cc3d96bdbb"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"777e492a-a93a-882f-c44f-66cc3d96bdbb","type":"Block","tag":"div","classes":["27c8fbbd-6d4a-dfbe-616e-02b43181a958"],"children":["06370d69-1f93-a8d6-da94-c0a89e65cdf5","e5314e53-31f7-8210-64a0-3e718ecf1099"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"06370d69-1f93-a8d6-da94-c0a89e65cdf5","type":"DOM","tag":"div","classes":["27c8fbbd-6d4a-dfbe-616e-02b43181a956","1f1b7cfc-a46b-8874-02a5-74f5a557e2fd"],"children":[],"data":{"tag":"input","attributes":[{"name":"placeholder","value":"Search by name"},{"name":"type","value":"text"},{"name":"data-search","value":"true"}]}},{"_id":"e5314e53-31f7-8210-64a0-3e718ecf1099","type":"Block","tag":"div","classes":["27c8fbbd-6d4a-dfbe-616e-02b43181a95a"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"ab3659cf-9fb9-8b37-76fd-c5f8804de306","fake":false,"type":"class","name":"filters_component","namespace":"","comb":"","styleLess":"display: flex; width: 100%; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{},"children":[],"createdBy":"5f5426c67b8067b6b7bc9172","origin":null,"selector":null},{"_id":"27c8fbbd-6d4a-dfbe-616e-02b43181a958","fake":false,"type":"class","name":"filters","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; justify-content: space-between; align-items: center; grid-column-gap: 2rem; grid-row-gap: 2rem; background-color: hsla(0, 0.00%, 55.52%, 1.00);","variants":{"medium":{"styleLess":"z-index: 999; width: 50%; margin-right: auto; margin-left: auto; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 1.5rem; grid-row-gap: 1.5rem;"},"small":{"styleLess":"min-width: 15rem;"},"tiny":{"styleLess":"width: 90%; min-width: 0rem;"}},"children":[],"createdBy":"5f5426c67b8067b6b7bc9172","origin":null,"selector":null},{"_id":"27c8fbbd-6d4a-dfbe-616e-02b43181a956","fake":false,"type":"class","name":"input-text","namespace":"","comb":"","styleLess":"padding-top: 0.25rem; padding-right: 0.75rem; padding-bottom: 0.25rem; padding-left: 0.5rem; color: black;","variants":{"medium":{"styleLess":"width: 100%;"}},"children":["1f1b7cfc-a46b-8874-02a5-74f5a557e2fd"],"createdBy":"5f5426c67b8067b6b7bc9172","origin":null,"selector":null},{"_id":"1f1b7cfc-a46b-8874-02a5-74f5a557e2fd","fake":false,"type":"class","name":"full-width-search","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"5f5426c67b8067b6b7bc9172","origin":null,"selector":null},{"_id":"27c8fbbd-6d4a-dfbe-616e-02b43181a95a","fake":false,"type":"class","name":"sort","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-right: 0rem; padding-left: 0rem; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"5f5426c67b8067b6b7bc9172","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":0}}
Copy