Slider 1

This custom slider is ready for your JavaScript to bring it to life.

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"523d1b34-f048-9b60-de86-283b016aa0f1","type":"Block","tag":"div","classes":["1c6f2f1f-5b30-f20f-c057-42ecd74d682b"],"children":["a2f3185c-670b-5e80-e9f4-6cf197c2a427"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a2f3185c-670b-5e80-e9f4-6cf197c2a427","type":"Block","tag":"div","classes":["1c6f2f1f-5b30-f20f-c057-42ecd74d682c"],"children":["0c868e7d-2376-dab1-f974-a8b24d69fd09","595b0d9a-f19e-57ca-7577-ea01abc5a979","aa85110c-d957-531c-49f7-7314ff9c8210"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0c868e7d-2376-dab1-f974-a8b24d69fd09","type":"Block","tag":"div","classes":["1c6f2f1f-5b30-f20f-c057-42ecd74d682d"],"children":["ca0e35cb-5247-2298-879e-fbdb6a4981bf"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ca0e35cb-5247-2298-879e-fbdb6a4981bf","type":"Block","tag":"div","classes":["1c6f2f1f-5b30-f20f-c057-42ecd74d682e"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"595b0d9a-f19e-57ca-7577-ea01abc5a979","type":"Block","tag":"div","classes":["1c6f2f1f-5b30-f20f-c057-42ecd74d682f"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"aa85110c-d957-531c-49f7-7314ff9c8210","type":"Block","tag":"div","classes":["1c6f2f1f-5b30-f20f-c057-42ecd74d6830"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"1c6f2f1f-5b30-f20f-c057-42ecd74d682b","fake":false,"type":"class","name":"slider-1","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"1c6f2f1f-5b30-f20f-c057-42ecd74d682c","fake":false,"type":"class","name":"slider-1_container","namespace":"","comb":"","styleLess":"position: relative; display: flex; justify-content: flex-start; align-items: center;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"1c6f2f1f-5b30-f20f-c057-42ecd74d682d","fake":false,"type":"class","name":"slider-1_select","namespace":"","comb":"","styleLess":"position: absolute; left: 23%; z-index: 1; display: flex; width: 1.5rem; height: 1.5rem; margin-left: -0.75rem; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 0.125rem; border-top-color: #0c60f5; border-right-style: solid; border-right-width: 0.125rem; border-right-color: #0c60f5; border-bottom-style: solid; border-bottom-width: 0.125rem; border-bottom-color: #0c60f5; border-left-style: solid; border-left-width: 0.125rem; border-left-color: #0c60f5; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; background-color: white; cursor: grab;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"1c6f2f1f-5b30-f20f-c057-42ecd74d682e","fake":false,"type":"class","name":"slider-1_select-inside","namespace":"","comb":"","styleLess":"width: 0.75rem; height: 0.75rem; 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: #f6ad12;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"1c6f2f1f-5b30-f20f-c057-42ecd74d682f","fake":false,"type":"class","name":"slider-1_range-highlight","namespace":"","comb":"","styleLess":"position: absolute; width: 23%; height: 0.5rem; 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: #0c60f5;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"1c6f2f1f-5b30-f20f-c057-42ecd74d6830","fake":false,"type":"class","name":"slider-1_background","namespace":"","comb":"","styleLess":"width: 100%; height: 0.5rem; 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: #d6deea;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":0}}
Built by hand with
from
Piixel Media