{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"937d118b-3fdb-c495-820e-8a5c999829a2","tag":"div","classes":["9439046d-7ab1-5617-d6e0-438fbf08b800","85696e52-f754-e2fc-b3b3-d5cecad9ef77"],"children":["937d118b-3fdb-c495-820e-8a5c999829a3"],"type":"NavbarWrapper","data":{"tag":"div","navbar":{"animation":"default","easing":"ease","easing2":"ease","duration":400,"docHeight":false,"collapse":"medium","noScroll":false,"type":"wrapper"},"attr":{"data-collapse":"medium","data-animation":"default","data-duration":"400"}}},{"_id":"937d118b-3fdb-c495-820e-8a5c999829a3","tag":"div","classes":["196eda95-3567-3d05-b817-7b714a75e78e"],"children":["937d118b-3fdb-c495-820e-8a5c999829a4","937d118b-3fdb-c495-820e-8a5c999829a6","937d118b-3fdb-c495-820e-8a5c999829be"],"type":"Block","data":{"tag":"div","text":false,"attr":{}}},{"_id":"937d118b-3fdb-c495-820e-8a5c999829a4","tag":"a","classes":["c7779ebc-548b-fe41-61d8-2ba612c2bfc6"],"children":["937d118b-3fdb-c495-820e-8a5c999829a5"],"type":"NavbarBrand","data":{"navbar":{"type":"brand"},"attr":{"href":"#"},"link":{"mode":"external"}}},{"_id":"937d118b-3fdb-c495-820e-8a5c999829a5","tag":"img","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f5862"],"children":[],"type":"Image","data":{"attr":{"src":"https://uploads-ssl.webflow.com/6290dd8286bdc534cf009f25/6298c52c52a05852aa74028c_Logo%20Superflow%20new.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"6298c52c52a05852aa74028c"}}},{"_id":"937d118b-3fdb-c495-820e-8a5c999829a6","tag":"nav","classes":["196eda95-3567-3d05-b817-7b714a75e78b"],"children":["937d118b-3fdb-c495-820e-8a5c999829a7","937d118b-3fdb-c495-820e-8a5c999829a9","937d118b-3fdb-c495-820e-8a5c999829ab","937d118b-3fdb-c495-820e-8a5c999829b9"],"type":"NavbarMenu","data":{"tag":"nav","navbar":{"type":"menu"},"attr":{"role":"navigation"}}},{"_id":"937d118b-3fdb-c495-820e-8a5c999829a7","tag":"a","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f587c"],"children":["937d118b-3fdb-c495-820e-8a5c999829a8"],"type":"NavbarLink","data":{"navbar":{"type":"link"},"attr":{"href":"#"},"link":{"url":"#","mode":"external"}}},{"_id":"937d118b-3fdb-c495-820e-8a5c999829a8","text":true,"v":"Features"},{"_id":"937d118b-3fdb-c495-820e-8a5c999829a9","tag":"a","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f587c"],"children":["937d118b-3fdb-c495-820e-8a5c999829aa"],"type":"NavbarLink","data":{"navbar":{"type":"link"},"attr":{"href":"#"},"link":{"mode":"external","url":"#"}}},{"_id":"937d118b-3fdb-c495-820e-8a5c999829aa","text":true,"v":"Pricing"},{"_id":"937d118b-3fdb-c495-820e-8a5c999829ab","tag":"a","classes":["33c5ad2a-2edd-bb2e-7df5-00b7202f587c"],"children":["937d118b-3fdb-c495-820e-8a5c999829ac"],"type":"NavbarLink","data":{"navbar":{"type":"link"},"attr":{"href":"#"},"link":{"mode":"external","url":"#"}}},{"_id":"937d118b-3fdb-c495-820e-8a5c999829ac","text":true,"v":"Customers"},{"_id":"937d118b-3fdb-c495-820e-8a5c999829b9","tag":"div","classes":["196eda95-3567-3d05-b817-7b714a75e787"],"children":["937d118b-3fdb-c495-820e-8a5c999829ba","937d118b-3fdb-c495-820e-8a5c999829bc"],"type":"Block","data":{"tag":"div","text":false}},{"_id":"937d118b-3fdb-c495-820e-8a5c999829ba","tag":"a","classes":["c2283713-bb77-480f-aaf4-39ca9f688611"],"children":["937d118b-3fdb-c495-820e-8a5c999829bb"],"type":"Link","data":{"button":true,"link":{"mode":"external","url":"#"},"attr":{},"block":""}},{"_id":"937d118b-3fdb-c495-820e-8a5c999829bb","text":true,"v":"Login"},{"_id":"937d118b-3fdb-c495-820e-8a5c999829bc","tag":"a","classes":["c7779ebc-548b-fe41-61d8-2ba612c2bfc1"],"children":["937d118b-3fdb-c495-820e-8a5c999829bd"],"type":"Link","data":{"button":true,"link":{"mode":"external","url":"#"},"attr":{},"block":""}},{"_id":"937d118b-3fdb-c495-820e-8a5c999829bd","text":true,"v":"Sign up"},{"_id":"937d118b-3fdb-c495-820e-8a5c999829be","tag":"div","classes":["c7779ebc-548b-fe41-61d8-2ba612c2bfbe"],"children":["937d118b-3fdb-c495-820e-8a5c999829bf"],"type":"NavbarButton","data":{"tag":"div","navbar":{"type":"button"},"attr":{}}},{"_id":"937d118b-3fdb-c495-820e-8a5c999829bf","tag":"div","classes":["c7779ebc-548b-fe41-61d8-2ba612c2bfc4"],"children":["937d118b-3fdb-c495-820e-8a5c999829c0","937d118b-3fdb-c495-820e-8a5c999829c1","937d118b-3fdb-c495-820e-8a5c999829c3"],"type":"Block","data":{"tag":"div","text":false,"attr":{}}},{"_id":"937d118b-3fdb-c495-820e-8a5c999829c0","tag":"div","classes":["c7779ebc-548b-fe41-61d8-2ba612c2bfb9"],"children":[],"type":"Block","data":{"tag":"div","text":false,"attr":{}}},{"_id":"937d118b-3fdb-c495-820e-8a5c999829c1","tag":"div","classes":["c7779ebc-548b-fe41-61d8-2ba612c2bfc8"],"children":["937d118b-3fdb-c495-820e-8a5c999829c2"],"type":"Block","data":{"tag":"div","text":false,"attr":{}}},{"_id":"937d118b-3fdb-c495-820e-8a5c999829c2","tag":"div","classes":["c7779ebc-548b-fe41-61d8-2ba612c2bfbc"],"children":[],"type":"Block","data":{"tag":"div","text":false,"attr":{}}},{"_id":"937d118b-3fdb-c495-820e-8a5c999829c3","tag":"div","classes":["c7779ebc-548b-fe41-61d8-2ba612c2bfc2"],"children":[],"type":"Block","data":{"tag":"div","text":false,"attr":{}}}],"styles":[{"_id":"85696e52-f754-e2fc-b3b3-d5cecad9ef77","fake":false,"type":"class","name":"background-color-white","namespace":"","comb":"&","styleLess":"background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"tiny":{"styleLess":"position: relative;"}},"children":[],"createdBy":"5afc9ecb796d35c3f777a957","selector":null},{"_id":"196eda95-3567-3d05-b817-7b714a75e78b","fake":false,"type":"class","name":"navbar1.2_menu","namespace":"","comb":"","styleLess":"display: flex; align-items: center;","variants":{"medium":{"styleLess":"overflow: auto; padding-top: 1rem; padding-right: 5%; padding-bottom: 2rem; padding-left: 5%; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; background-color: hsla(0, 0.00%, 100.00%, 1.00); background-clip: border-box;"},"tiny":{"styleLess":"border-bottom-color: hsla(219.99999999999997, 9.68%, 87.84%, 1.00);"}},"children":[],"selector":null},{"_id":"c7779ebc-548b-fe41-61d8-2ba612c2bfbc","fake":false,"type":"class","name":"menu-icon_line-middle-inner","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"width: 4px; height: 0px; padding-right: 0px; padding-bottom: 0px;"}},"children":[],"selector":null},{"_id":"c7779ebc-548b-fe41-61d8-2ba612c2bfc4","fake":false,"type":"class","name":"menu-icon1","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"display: flex; width: 48px; height: 48px; margin-right: -0.5rem; padding-right: 0rem; padding-bottom: 0rem; flex-direction: column; justify-content: center; align-items: center;"}},"children":[],"selector":null},{"_id":"c7779ebc-548b-fe41-61d8-2ba612c2bfc1","fake":false,"type":"class","name":"button-primary SF1","namespace":"","comb":"","styleLess":"padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem; border-top-style: solid; border-top-width: 1px; border-top-color: #7f56d9; border-right-style: solid; border-right-width: 1px; border-right-color: #7f56d9; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #7f56d9; border-left-style: solid; border-left-width: 1px; border-left-color: #7f56d9; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: #7f56d9; font-family: Lato; color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 400; text-align: center; text-decoration: none;","variants":{"tiny":{"styleLess":"padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem;"}},"children":["c7779ebc-548b-fe41-61d8-2ba612c2bfc9","6cdb8d7f-510c-c3a3-79a4-302f69400aac","d7e9dccf-e6ab-ed70-9548-472caf488f07","51538949-ba97-7090-aff1-37ad3daedc0e","f61a2035-b424-a86d-22b8-0f79f6ee1b9b","e98c846e-ede4-fcfb-2831-fb58e54a2d36","df6a8d56-e63a-9aab-c078-895014ccda75","ec3e52c8-3ac5-7888-df8d-6cbd17a37755"],"selector":null},{"_id":"c7779ebc-548b-fe41-61d8-2ba612c2bfc2","fake":false,"type":"class","name":"menu-icon1_line-bottom","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"width: 24px; height: 2px; padding-right: 0px; padding-bottom: 0px; background-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null},{"_id":"9439046d-7ab1-5617-d6e0-438fbf08b800","fake":false,"type":"class","name":"navbar_component-1.3","namespace":"","comb":"","styleLess":"position: static; z-index: 2; display: flex; width: 100%; height: 10vh; min-height: auto; padding-right: 5%; padding-left: 5%; align-items: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(219.99999999999997, 9.68%, 87.84%, 1.00); background-color: transparent;","variants":{"small":{"styleLess":"min-height: 4rem;"}},"children":["a3345f89-3669-42e1-9cf5-c14b14ebcc61","85696e52-f754-e2fc-b3b3-d5cecad9ef77"],"createdBy":"5afc9ecb796d35c3f777a957","selector":null},{"_id":"c7779ebc-548b-fe41-61d8-2ba612c2bfc6","fake":false,"type":"class","name":"navbar1_logo-link","namespace":"","comb":"","styleLess":"padding-left: 0px;","variants":{"small":{"styleLess":"padding-left: 0px;"}},"children":[],"selector":null},{"_id":"33c5ad2a-2edd-bb2e-7df5-00b7202f5862","fake":false,"type":"class","name":"navbar_logo-1.1","namespace":"","comb":"","styleLess":"height: 2rem;","variants":{},"children":[],"selector":null},{"_id":"196eda95-3567-3d05-b817-7b714a75e787","fake":false,"type":"class","name":"navbar1_menu-buttons","namespace":"","comb":"","styleLess":"display: flex; margin-left: 1rem; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr 1fr; grid-template-rows: auto;","variants":{"medium":{"styleLess":"margin-top: 1.5rem; margin-left: 0rem; flex-direction: column; align-items: stretch; grid-template-columns: 1fr; grid-template-rows: auto auto;"}},"children":[],"selector":null},{"_id":"c2283713-bb77-480f-aaf4-39ca9f688611","fake":false,"type":"class","name":"button-tertiary SF1","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5afc9ecb796d35c3f777a957","selector":null},{"_id":"c7779ebc-548b-fe41-61d8-2ba612c2bfb9","fake":false,"type":"class","name":"menu-icon1_line-top","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"width: 24px; height: 2px; padding-right: 0px; padding-bottom: 0px; background-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null},{"_id":"33c5ad2a-2edd-bb2e-7df5-00b7202f587c","fake":false,"type":"class","name":"navbar_link-1.1","namespace":"","comb":"","styleLess":"padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem; font-family: Lato; color: #667085;","variants":{"medium":{"styleLess":"width: auto; padding-top: 0.75rem; padding-right: 0rem; padding-bottom: 0.75rem; padding-left: 0rem; font-size: 1.125rem;"},"main_current":{"styleLess":"color: transparent;"}},"children":["e53649f9-1769-b48f-eabf-05778b9b46ee"],"selector":null},{"_id":"c7779ebc-548b-fe41-61d8-2ba612c2bfc8","fake":false,"type":"class","name":"menu-icon1_line-middle","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"display: flex; width: 24px; height: 2px; margin-top: 6px; margin-bottom: 6px; padding-right: 0px; padding-bottom: 0px; justify-content: center; align-items: center; background-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null},{"_id":"c7779ebc-548b-fe41-61d8-2ba612c2bfbe","fake":false,"type":"class","name":"navbar1_menu-button","namespace":"","comb":"","styleLess":"padding-top: 0rem; padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;","variants":{"medium_open":{"styleLess":"background-color: transparent;"}},"children":[],"selector":null},{"_id":"196eda95-3567-3d05-b817-7b714a75e78e","fake":false,"type":"class","name":"navbar1_container","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 100%; margin-right: auto; margin-left: auto; justify-content: space-between; align-items: center;","variants":{},"children":[],"selector":null}],"assets":[{"cdnUrl":"https://uploads-ssl.webflow.com/6290dd8286bdc534cf009f25/6298c52c52a05852aa74028c_Logo%20Superflow%20new.svg","siteId":"6290dd8286bdc534cf009f25","width":970,"isHD":false,"height":213,"fileName":"6298c52c52a05852aa74028c_Logo Superflow new.svg","createdOn":"2022-06-02T14:11:56.683Z","origFileName":"Logo Superflow new.svg","fileHash":"7f3aaf1eef875f1a6ba672fa5c9f5176","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6290dd8286bdc534cf009f25/6298c52c52a05852aa74028c_Logo%20Superflow%20new.svg","thumbUrl":"https://uploads-ssl.webflow.com/6290dd8286bdc534cf009f25/6298c52c52a05852aa74028c_Logo%20Superflow%20new.svg","_id":"6298c52c52a05852aa74028c","updatedOn":"2022-06-02T14:11:56.683Z","fileSize":9693}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Navbar 3

Navbar 3
This component requiere some custom code
Paste this script into the <head> of your page
This component requiere some custom code
Paste this script into the </before> of your page
Join Superflow Pro to unlock this component.
Copy & Paste this component into your Webflow project
Copy & Paste this component into your Webflow project
Get Superflow Pro
Copy to clipboard
Copy to clipboard
Info
Category
Navbar
Release
June 2, 2022
Typography
Lato