{"blocks":{"droip-s-673ed4f8df4ef":{"visibility":true,"collapse":false,"name":"collection","title":"navbar_collection","properties":{"tag":"div","dynamicContent":{"type":"post","collectionType":"menus","items":3,"current_page":1,"pagination":true,"filters":[],"sorting":[],"menu":"30"}},"styleIds":["dpo4tdal","dp0ahu3l","dp0877bg","dptxaeav"],"className":"","source":"droip","children":["droip-s-673ed4f8df4f0"],"id":"droip-s-673ed4f8df4ef","parentId":"droip-s-673ed4f8df4e9","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"droip-s-673ed4f8df4f0":{"visibility":true,"collapse":false,"name":"menus","title":"navbar_menus","properties":{"tag":"div"},"styleIds":["dpzkat7o","dp5f8sfk","dpqu1uhs"],"className":"","source":"droip","children":["droip-s-673ed4f8df4f1"],"id":"droip-s-673ed4f8df4f0","parentId":"droip-s-673ed4f8df4ef","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"droip-s-673ed4f8df4f1":{"styleIds":[],"visibility":true,"collapse":false,"name":"menu-item","title":"Menu Item","properties":{"tag":"div","componentType":"menus"},"className":"","source":"droip","children":["droip-s-673ed4f8df4f3"],"id":"droip-s-673ed4f8df4f1","parentId":"droip-s-673ed4f8df4f0","template_mounted":true},"droip-s-673ed4f8df4f3":{"styleIds":["dpu9v8z0"],"visibility":true,"collapse":false,"name":"link-block","title":"navbar_menu-link","properties":{"tag":"a","type":"href","attributes":{"href":"","target":""},"dynamicContent":{"type":"menu","value":"url"},"componentType":"menus"},"className":"","source":"droip","children":["droip-s-673ed4f8df4f4"],"id":"droip-s-673ed4f8df4f3","parentId":"droip-s-673ed4f8df4f1","template_mounted":true},"droip-s-673ed4f8df4f4":{"styleIds":["dps9e11i"],"visibility":true,"collapse":false,"name":"paragraph","title":"navbar_menu-text","properties":{"contents":["Menu"],"tag":"p","dynamicContent":{"type":"menu","value":"title"},"componentType":"menus"},"className":"","source":"droip","id":"droip-s-673ed4f8df4f4","parentId":"droip-s-673ed4f8df4f3"}},"styles":{"dpo4tdal":{"id":"dpo4tdal","type":"class","isDefault":false,"name":"droip collection","variant":{"md":""},"isSymbolStyle":true},"dp0ahu3l":{"id":"dp0ahu3l","type":"class","name":"navbar_collection 1","isDefault":false,"variant":{"tablet":""},"isGlobal":true,"isSymbolStyle":true},"dp0877bg":{"id":"dp0877bg","type":"class","name":["droip collection","navbar_collection 1"],"isDefault":false,"variant":{"tablet":"position:absolute;left:0%;right:auto;bottom:auto;top:100px;z-index:2;background-color:rgba(28, 28, 28, 1);width:100%;padding-left:20px;padding-right:20px;padding-bottom:20px;padding-top:20px;"},"isGlobal":true,"isComboClass":true,"isSymbolStyle":true},"dptxaeav":{"id":"dptxaeav","type":"class","name":["droip collection","navbar_collection 1","is hide"],"isDefault":false,"variant":{"tablet":"display:none;padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:24px;","md":"padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;"},"isGlobal":true,"isComboClass":true,"isSymbolStyle":true},"dpzkat7o":{"id":"dpzkat7o","isDefault":false,"type":"class","name":"droip menus","variant":{"md":"display:flex;column-gap:20px;row-gap:20px;flex-wrap:wrap"},"isSymbolStyle":true},"dp5f8sfk":{"id":"dp5f8sfk","type":"class","name":"navbar_menus 1","isDefault":false,"variant":{"tablet":""},"isGlobal":true,"isSymbolStyle":true},"dpqu1uhs":{"id":"dpqu1uhs","type":"class","name":["droip menus","navbar_menus 1"],"isDefault":false,"variant":{"tablet":"display:flex;flex-direction:column;padding-left:0px;padding-right:24px;width:100%;"},"isGlobal":true,"isComboClass":true,"isSymbolStyle":true},"dpu9v8z0":{"id":"dpu9v8z0","type":"class","name":"navbar_menu link","isDefault":false,"variant":{"md":"color:rgba(255, 255, 255, 1);fill:rgba(255, 255, 255, 1);font-weight:600;transition-property:all;transition-duration:300ms;transition-delay:0ms;transition-timing-function:linear;","md_hover":"color:rgba(242, 255, 56, 1.00);fill:rgba(242, 255, 56, 1.00);"},"isGlobal":true,"isSymbolStyle":true,"psuedoClassArr":[],"classState":""},"dps9e11i":{"id":"dps9e11i","type":"class","name":"navbar_menu text","isDefault":false,"variant":{"md":"margin-bottom:0px;"},"isGlobal":true,"isSymbolStyle":true}}}

App

Components (Beta)

Pricing

Tutorials

Chrome Extension

My account

Premium Webflow Components

Download the starter project from below

{"blocks":{"dpklxydv":{"visibility":true,"collapse":false,"name":"collection","title":"collection_component","properties":{"tag":"div","dynamicContent":{"type":"component","collectionType":"posts","items":12,"current_page":1,"pagination":true,"filters":[],"sorting":[],"inherit":false,"related":false,"collectionRandomId":"dpklxydv"}},"styleIds":["droip_collection","dpwxhmtf","dp6y01du"],"className":"","source":"droip","children":["dpcogqi6","dpel0v2e"],"id":"dpklxydv","parentId":"dpqzg5ee","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dpcogqi6":{"styleIds":["droip_collection_wrapper","droip_collection-wrapper","dp1dkp00","dps5onc2","dp96gmwk","dpfwp2by","dpt7oe88"],"visibility":true,"collapse":false,"name":"collection-wrapper","title":"component_list","properties":{"attributes":{"data-droip-collection":"collection-wrapper"},"componentType":"collection"},"className":"","source":"droip","children":["dppudjz8"],"id":"dpcogqi6","parentId":"dpklxydv","template_mounted":true},"dppudjz8":{"styleIds":["dpy29dmk"],"visibility":true,"collapse":false,"name":"collection-item","title":"component_item","properties":{"tag":"div","attributes":{"data-droip-collection":"collection-item"},"componentType":"collection"},"className":"","source":"droip","children":["dpia6d2z","dpv7qbte","dpk87ynn"],"id":"dppudjz8","parentId":"dpcogqi6","template_mounted":true},"dpia6d2z":{"styleIds":["dpqtnysx"],"visibility":true,"collapse":false,"name":"link-block","title":"component_link","properties":{"tag":"a","type":"href","attributes":{"href":"","target":""},"dynamicContent":{"type":"post","value":"post_page_link"}},"className":"","source":"droip","children":["dp3f9l6u","dp9zm813"],"id":"dpia6d2z","parentId":"dppudjz8","template_mounted":true},"dp3f9l6u":{"visibility":true,"collapse":false,"name":"div","title":"component_image-wrapper","properties":{"tag":"div"},"styleIds":["dp03lepr"],"className":"","source":"droip","children":["dp1sb2xi"],"id":"dp3f9l6u","parentId":"dpia6d2z","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp1sb2xi":{"styleIds":["droip_image","dpxzwzvd","dpo48uy6"],"visibility":true,"collapse":false,"name":"image","title":"component_image","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"","alt":"component","href":"","target":""},"dynamicContent":{"type":"post","value":"featured_image"},"componentType":"collection"},"className":"","source":"droip","id":"dp1sb2xi","parentId":"dp3f9l6u"},"dp9zm813":{"styleIds":["dpm8tzeb"],"visibility":true,"collapse":false,"name":"heading","title":"component_title","properties":{"contents":["This is some text inside of a heading tag"],"tag":"h1","dynamicContent":{"type":"post","value":"post_title"},"componentType":"collection"},"className":"","source":"droip","id":"dp9zm813","parentId":"dpia6d2z"},"dpv7qbte":{"visibility":true,"collapse":false,"name":"div","title":"component_copy","properties":{"tag":"div"},"styleIds":["dpymif57"],"className":"","source":"droip","children":["dpuqxh20"],"id":"dpv7qbte","parentId":"dppudjz8","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpuqxh20":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Back to the Future will live forever in the minds of fans everywhere. The Hollywood classic touched generations and continues to be instantly recognizable."],"tag":"p","dynamicContent":{"type":"post","value":"post_meta","meta":"copy_button"}},"styleIds":["dpj3p47t"],"className":"","source":"droip","id":"dpuqxh20","parentId":"dpv7qbte","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpk87ynn":{"visibility":true,"collapse":false,"name":"div","title":"component_footer","properties":{"tag":"div"},"styleIds":["dp2l31vp"],"className":"","source":"droip","children":["dp7n5euo","dpcvfdtc"],"id":"dpk87ynn","parentId":"dppudjz8","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp7n5euo":{"visibility":true,"collapse":false,"name":"div","title":"component_footer-left","properties":{"tag":"div"},"styleIds":["dpt8kwk3"],"className":"","source":"droip","children":["dp7zrydg"],"id":"dp7n5euo","parentId":"dpk87ynn","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp7zrydg":{"visibility":true,"collapse":false,"name":"link-block","title":"component_detail-link","properties":{"tag":"a","type":"href","attributes":{"href":"","target":""}},"styleIds":["dpx76js2"],"className":"","source":"droip","children":["dpbmph7p"],"id":"dp7zrydg","parentId":"dp7n5euo","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpbmph7p":{"visibility":true,"collapse":false,"name":"image","title":"component_detail-icon","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"https:\/\/htflow.com\/wp-content\/uploads\/2024\/11\/component-detail-icon.svg","alt":"component-detail-icon","href":"","target":""},"wp_attachment_id":2128},"styleIds":["droip_image","dppss1wz","dpyjvr9c"],"className":"","source":"droip","id":"dpbmph7p","parentId":"dp7zrydg","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpcvfdtc":{"visibility":true,"collapse":false,"name":"div","title":"component_footer-right","properties":{"tag":"div"},"styleIds":["dpwevh4n"],"className":"","source":"droip","children":["dp2htnne"],"id":"dpcvfdtc","parentId":"dpk87ynn","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp2htnne":{"visibility":true,"collapse":false,"name":"link-block","title":"component_detail-link","properties":{"tag":"a","type":"href","attributes":{"href":"","target":""}},"styleIds":["dpx76js2"],"className":"","source":"droip","children":["dph4vold"],"id":"dp2htnne","parentId":"dpcvfdtc","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dph4vold":{"visibility":true,"collapse":false,"name":"image","title":"component_detail-icon","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"https:\/\/htflow.com\/wp-content\/uploads\/2024\/11\/component-preview-icon.svg","alt":"component-preview-icon","href":"","target":""},"wp_attachment_id":2129},"styleIds":["droip_image","dppss1wz","dpyjvr9c"],"className":"","source":"droip","id":"dph4vold","parentId":"dp2htnne","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpel0v2e":{"styleIds":["droip_pagination","dplgm2nn","dpvtzhjh"],"visibility":true,"collapse":false,"name":"pagination","title":"pagination","properties":{"tag":"div","componentType":"collection","attributes":{"data-droip-pagination":"pagination"}},"className":"","source":"droip","children":["dpzvyh9t"],"id":"dpel0v2e","parentId":"dpklxydv","template_mounted":true},"dpzvyh9t":{"styleIds":["droip_pagination_item"],"visibility":true,"collapse":false,"name":"pagination-item","title":"Pagination Item","properties":{"tag":"div","componentType":"pagination","attributes":{"data-droip-pagination":"pagination-item"}},"className":"","source":"droip","children":["dppa41zh"],"id":"dpzvyh9t","parentId":"dpel0v2e","template_mounted":true},"dppa41zh":{"styleIds":["droip_pagination_number"],"visibility":true,"collapse":false,"name":"pagination-number","title":"Pagination Number","properties":{"tag":"span","componentType":"pagination","attributes":{"data-droip-pagination":"pagination-number"}},"className":"","source":"droip","children":[],"id":"dppa41zh","parentId":"dpzvyh9t"}},"styles":{"droip_collection":{"id":"droip_collection","type":"class","isDefault":true,"name":"droip-collection","variant":{"md":""}},"dpwxhmtf":{"id":"dpwxhmtf","type":"class","name":"collection_component","isDefault":false,"variant":{"md":""},"isGlobal":true},"dp6y01du":{"id":"dp6y01du","type":"class","name":["droip-collection","collection_component"],"isDefault":false,"variant":{"md":""},"isGlobal":true,"isComboClass":true,"psuedoClassArr":[]},"droip_collection_wrapper":{"id":"droip_collection_wrapper","type":"class","isDefault":true,"name":"droip-collection-wrapper","variant":{"md":"display: grid; grid-template-columns: 1fr; grid-template-rows: minmax(75px, 1fr); grid-template-areas: \".\";"}},"droip_collection-wrapper":{"id":"droip_collection-wrapper","isDefault":true,"type":"class","name":"droip-collection-wrapper","variant":{"md":"display:grid;grid-template-columns:1fr 1fr 1fr; column-gap: 24px;"}},"dp1dkp00":{"id":"dp1dkp00","type":"class","name":["droip-collection-wrapper","collection wrapper"],"isDefault":false,"variant":{"md":"display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;"}},"dps5onc2":{"id":"dps5onc2","type":"class","name":"component_list","isDefault":false,"variant":{"md":""},"isGlobal":true},"dp96gmwk":{"id":"dp96gmwk","type":"class","name":["droip-collection-wrapper","component_list"],"isDefault":false,"variant":{"md":""},"isGlobal":true,"isComboClass":true},"dpfwp2by":{"id":"dpfwp2by","type":"class","name":["droip-collection-wrapper","component_list"],"isDefault":false,"variant":{"md":""},"isGlobal":true,"isComboClass":true},"dpt7oe88":{"id":"dpt7oe88","type":"class","name":["droip-collection-wrapper","collection wrapper","component_list"],"isDefault":false,"variant":{"md":"row-gap:1rem;column-gap:1rem;grid-template-columns:1fr 1fr 1fr;grid-template-areas:\". . .\";","mobileLandscape":"grid-template-columns:1fr 1fr;grid-template-areas:\". .\";","mobile":"grid-template-columns:1fr;grid-template-areas:\".\";","tablet":"grid-template-columns:1fr 1fr 1fr;grid-template-areas:\". . .\";"},"isGlobal":true,"isComboClass":true,"psuedoClassArr":[]},"dpy29dmk":{"id":"dpy29dmk","type":"class","name":"component_item","isDefault":false,"variant":{"md":"background-image:none;background-color:rgba(255, 255, 255, 1);padding-top:0rem;padding-bottom:0rem;padding-left:0rem;padding-right:0rem;border-radius:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-top-width:1px;border-top-style:solid;border-right-width:1px;border-right-style:solid;border-bottom-width:1px;border-bottom-style:solid;border-left-width:1px;border-left-style:solid;border-top-color:rgb(218, 219, 221);border-right-color:rgb(218, 219, 221);border-bottom-color:rgb(218, 219, 221);border-left-color:rgb(218, 219, 221);overflow:hidden;"},"isGlobal":true,"psuedoClassArr":[]},"dpqtnysx":{"id":"dpqtnysx","type":"class","name":"link block 1","isDefault":false,"variant":{"md":"padding-top:1.25rem;padding-bottom:1.25rem;padding-left:1.25rem;padding-right:1.25rem;background-color:rgba(241, 241, 241, 1);"},"psuedoClassArr":[]},"dp03lepr":{"id":"dp03lepr","type":"class","name":"component_image-wrapper","isDefault":false,"variant":{"md":"margin-bottom:1rem;"},"isGlobal":true,"psuedoClassArr":[]},"droip_image":{"id":"droip_image","type":"class","isDefault":true,"name":"droip-image","variant":{"md":"max-width: 100%;"}},"dpxzwzvd":{"id":"dpxzwzvd","type":"class","name":"component_image","isDefault":false,"variant":{"md":""},"isGlobal":true},"dpo48uy6":{"id":"dpo48uy6","type":"class","name":["droip-image","component_image"],"isDefault":false,"variant":{"md":"border-radius:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;"},"isGlobal":true,"isComboClass":true,"psuedoClassArr":[]},"dpm8tzeb":{"id":"dpm8tzeb","type":"class","name":"component_title","isDefault":false,"variant":{"md":"font-size:16px;color:rgba(0, 0, 0, 1);fill:rgba(0, 0, 0, 1);"},"isGlobal":true,"psuedoClassArr":[]},"dpymif57":{"id":"dpymif57","type":"class","name":"div 1","isDefault":false,"variant":{"md":"padding-top:1.25rem;padding-bottom:1.25rem;padding-left:1.25rem;padding-right:1.25rem;"},"psuedoClassArr":[]},"dpj3p47t":{"id":"dpj3p47t","type":"class","name":"component_copy-paragraph","isDefault":false,"variant":{"md":"margin-bottom:0px;"},"isGlobal":true,"psuedoClassArr":[]},"dp2l31vp":{"id":"dp2l31vp","type":"class","name":"component_footer","isDefault":false,"variant":{"md":"border-radius:0px;border-top-left-radius:1px;border-top-color:rgb(218, 219, 221);border-right-color:rgba(238, 243, 251, 1.00);border-bottom-color:rgba(238, 243, 251, 1.00);border-left-color:rgba(238, 243, 251, 1.00);display:flex;justify-content:space-between;border-top-width:1px;border-top-style:solid;border-right-width:0px;border-right-style:solid;border-bottom-width:0px;border-bottom-style:solid;border-left-width:0px;border-left-style:solid;padding-left:1.25rem;padding-right:1.25rem;padding-bottom:1rem;padding-top:1rem;filter:opacity(60%);","md_hover":"filter:opacity(100%);transition-property:opacity;transition-duration:300ms;transition-delay:0ms;transition-timing-function:linear;padding-bottom:0.5rem;"},"isGlobal":true,"psuedoClassArr":[],"classState":"hover"},"dpt8kwk3":{"id":"dpt8kwk3","type":"class","name":"component_footer-left","isDefault":false,"variant":{"md":"width:2rem;height:2rem;"},"isGlobal":true},"dpx76js2":{"id":"dpx76js2","type":"class","name":"component_detail-link","isDefault":false,"variant":{"md":"max-width:none;width:1.5rem;"},"isGlobal":true},"dppss1wz":{"id":"dppss1wz","type":"class","name":"component_detail-icon","isDefault":false,"variant":{"md":""},"isGlobal":true},"dpyjvr9c":{"id":"dpyjvr9c","type":"class","name":["droip-image","component_detail-icon"],"isDefault":false,"variant":[],"isGlobal":true,"isComboClass":true},"dpwevh4n":{"id":"dpwevh4n","type":"class","name":"component_footer-right","isDefault":false,"variant":{"md":"width:2rem;"},"isGlobal":true},"droip_pagination":{"id":"droip_pagination","type":"class","isDefault":true,"name":"droip-pagination","variant":{"md":"display:flex;justify-content:center;gap:8px;"}},"dplgm2nn":{"id":"dplgm2nn","type":"class","name":"pagination","isDefault":false,"variant":{"md":""}},"dpvtzhjh":{"id":"dpvtzhjh","type":"class","name":["droip-pagination","pagination"],"isDefault":false,"isComboClass":true,"variant":{"md":"margin-top:2rem;"}},"droip_pagination_item":{"id":"droip_pagination_item","type":"class","isDefault":true,"name":"droip-pagination-item","variant":{"md":"display:flex;justify-content:center;align-items-center;font-size:16px; padding:4px 12px;border: 1px solid #c7c9cb;cursor:pointer;border-radius:5px;"}},"droip_pagination_number":{"id":"droip_pagination_number","type":"class","isDefault":true,"name":"droip-pagination-number","variant":{"md":""}}}}

Hero 20

Hero 19

Hero 18

Hero 17

Hero 16

Hero 15

Hero 14

Hero 13

Hero 12

Hero 11

Hero 10

Hero 9

1

2