[{"data":1,"prerenderedAt":1816},["ShallowReactive",2],{"agency-stack-components":3,"agency-stack-templates":1342},[4,213,358,567,792,1067],{"id":5,"title":6,"body":7,"categories":180,"createdAt":184,"description":169,"download_url":185,"extension":186,"faq":185,"featured":187,"features":188,"hasGradient":194,"iframe":195,"image":196,"isFree":194,"isNew":187,"lemonsqueezy_variant_id":169,"license":185,"meta":197,"navigation":187,"path":199,"polar_product_id":200,"polar_sandbox_product_id":185,"previewImage":201,"price":202,"published":187,"robots":185,"seo":203,"seoDescription":185,"seoTitle":185,"slug":13,"stem":204,"tagline":205,"tags":206,"__hash__":212},"components/components/CMSGalleryLightbox.md","CMS Gallery Lightbox",{"type":8,"value":9,"toc":168},"minimark",[10,14,23,27,33,39,45,51,55,61,67,73,84,88,93,96,101,117,122,133,138,146,150,156,162],[11,12,6],"h2",{"id":13},"cms-gallery-lightbox",[15,16,17,18,22],"p",{},"A masonry gallery for your Framer CMS that opens images and videos in ",[19,20,21],"strong",{},"GLightbox",", with hover effects and captions. It also reads images out of a custom gallery component you drop into its slot.",[11,24,26],{"id":25},"features","Features",[15,28,29,32],{},[19,30,31],{},"Reads images from any component."," Drop a custom component (a 2x3 grid, say) into the slot. The gallery pulls out its images, removes duplicates and lays them out in the masonry grid.",[15,34,35,38],{},[19,36,37],{},"Masonry or grid."," Masonry handles images of different heights. Grid gives every image a fixed height, with your choice of image fit.",[15,40,41,44],{},[19,42,43],{},"GLightbox."," Click an image or video to open it in a lightbox, with captions taken from your CMS text fields.",[15,46,47,50],{},[19,48,49],{},"Hover effects."," Scale, fade, slide and bounce, with your own overlay color, icon and background blur.",[11,52,54],{"id":53},"use-cases","Use Cases",[15,56,57,60],{},[19,58,59],{},"Portfolio galleries."," Creative work in a masonry layout, opening full size in the lightbox.",[15,62,63,66],{},[19,64,65],{},"Photography sites."," A Pinterest-style photo grid that adapts to each screen size.",[15,68,69,72],{},[19,70,71],{},"Video galleries."," Videos from your CMS URLs, played inside the lightbox.",[15,74,75],{},[76,77],"img",{"alt":78,"className":79,"src":83},"CMS Gallery Lightbox Preview",[80,81,82],"w-full","mb-6","rounded-[20px]","/framerhub/img/components/control/cms-gallery-lightbox.jpg",[11,85,87],{"id":86},"how-to-use","How to Use",[89,90,92],"h3",{"id":91},"customization","Customization",[15,94,95],{},"Connect your Framer CMS collection to the component slot.",[15,97,98],{},[19,99,100],{},"Layout Settings",[102,103,104,108,111,114],"ul",{},[105,106,107],"li",{},"Toggle between Masonry and Grid Layouts",[105,109,110],{},"Adjust Image Height and Fit (in Grid mode)",[105,112,113],{},"Adjust Columns and Gap",[105,115,116],{},"Customize Item Border Radius and Shadow Intensity",[15,118,119],{},[19,120,121],{},"Lightbox & Hover",[102,123,124,127,130],{},[105,125,126],{},"Enable or disable the Lightbox",[105,128,129],{},"Enable hover effects and select animations (Scale, Fade, Slide, Bounce)",[105,131,132],{},"Customize the overlay color, icon type (Zoom, Plus, View), icon size, and icon colors",[15,134,135],{},[19,136,137],{},"Captions",[102,139,140,143],{},[105,141,142],{},"Toggle Show Caption to display image information inside the lightbox",[105,144,145],{},"Adjust Caption Font, Color, Background, Padding, and Margin directly from the properties panel",[89,147,149],{"id":148},"quick-tips","Quick Tips",[15,151,152,155],{},[19,153,154],{},"Custom components."," If you put a custom component variant in the CMS slot, the gallery pulls all its images into the masonry grid and skips hidden responsive variants.",[15,157,158,161],{},[19,159,160],{},"Image size."," Compress your CMS images before uploading so the gallery loads faster.",[15,163,164,167],{},[19,165,166],{},"Container size."," Give the container enough width for the masonry columns to lay out at every breakpoint.",{"title":169,"searchDepth":170,"depth":170,"links":171},"",2,[172,173,174,175],{"id":13,"depth":170,"text":6},{"id":25,"depth":170,"text":26},{"id":53,"depth":170,"text":54},{"id":86,"depth":170,"text":87,"children":176},[177,179],{"id":91,"depth":178,"text":92},3,{"id":148,"depth":178,"text":149},[181,182,183],"CMS","Gallery","Slider","2026-06-02T00:00:00.000Z",null,"md",true,[189,190,191,192,193],"Native Masonry & Grid Layouts","Smart Image Extraction (Supports Custom Components)","GLightbox Integration (Images & Video)","Interactive Hover Effects (Scale, Fade, Slide, Bounce)","Customizable Captions",false,"https://foolish-llama-484220.framer.app/","/framerhub/img/components/cms-gallery-lightbox.jpg",{"variants":198},1,"/components/cmsgallerylightbox","66985f2b-8ae1-4b4a-93e6-59c00f1c8bca","/framerhub/img/components/large/cms-gallery-lightbox.jpg",18,{"title":6,"description":169},"components/CMSGalleryLightbox","A CMS masonry gallery that opens images and videos in GLightbox, with hover effects.",[207,183,208,209,210,211],"Masonry","Grid","Images","Video","Lightbox","vdpbGujjNvIRFOPHtXn8FgBj6DNsZ1BREoj2Skq8urc",{"id":214,"title":215,"body":216,"categories":333,"createdAt":336,"description":169,"download_url":185,"extension":186,"faq":185,"featured":187,"features":337,"hasGradient":194,"iframe":343,"image":344,"isFree":194,"isNew":187,"lemonsqueezy_variant_id":169,"license":185,"meta":345,"navigation":187,"path":346,"polar_product_id":347,"polar_sandbox_product_id":185,"previewImage":270,"price":348,"published":187,"robots":185,"seo":349,"seoDescription":185,"seoTitle":185,"slug":220,"stem":350,"tagline":351,"tags":352,"__hash__":357},"components/components/DelphiTunnel.md","DelphiTunnel",{"type":8,"value":217,"toc":324},[218,221,224,226,232,238,244,250,252,258,264,271,273,275,280,291,296,304,306,312,318],[11,219,215],{"id":220},"delphitunnel",[15,222,223],{},"An endless 3D tunnel with your images on its walls. It loops forever, and visitors can scroll through it with the mouse wheel or by dragging on touch screens.",[11,225,26],{"id":25},[15,227,228,231],{},[19,229,230],{},"Endless loop."," The tunnel scrolls continuously and repeats your images without a visible restart.",[15,233,234,237],{},[19,235,236],{},"Scroll to move."," Hovering and scrolling, or dragging on touch screens, moves visitors through the tunnel.",[15,239,240,243],{},[19,241,242],{},"Random grid placement."," Images are spread at random across the tunnel walls but stay snapped to the grid.",[15,245,246,249],{},[19,247,248],{},"Device quality detection."," The component checks the visitor's device and lowers render quality on slower hardware.",[11,251,54],{"id":53},[15,253,254,257],{},[19,255,256],{},"Hero backgrounds."," A moving header for a portfolio or landing page.",[15,259,260,263],{},[19,261,262],{},"Photo galleries."," A collection of photos visitors move through as they scroll.",[15,265,266],{},[76,267],{"alt":268,"className":269,"src":270},"DelphiTunnel Preview",[80,81,82],"/framerhub/img/components/large/delphitunnel.jpg",[11,272,87],{"id":86},[89,274,92],{"id":91},[15,276,277],{},[19,278,279],{},"Colors",[102,281,282,285,288],{},[105,283,284],{},"Background Color",[105,286,287],{},"Line Color",[105,289,290],{},"Line Opacity",[15,292,293],{},[19,294,295],{},"Behavior",[102,297,298,301],{},[105,299,300],{},"Speed",[105,302,303],{},"Images (Upload your own)",[89,305,149],{"id":148},[15,307,308,311],{},[19,309,310],{},"Quality."," Leave Quality on \"Auto\" so phones get a lower setting and stay smooth.",[15,313,314,317],{},[19,315,316],{},"Colors."," A dark background with low-opacity lines gives the most depth.",[15,319,320,323],{},[19,321,322],{},"Text on top."," Put your headline in a Framer Stack positioned absolutely over the tunnel.",{"title":169,"searchDepth":170,"depth":170,"links":325},[326,327,328,329],{"id":220,"depth":170,"text":215},{"id":25,"depth":170,"text":26},{"id":53,"depth":170,"text":54},{"id":86,"depth":170,"text":87,"children":330},[331,332],{"id":91,"depth":178,"text":92},{"id":148,"depth":178,"text":149},[334,335],"3D","Backgrounds","2026-06-01T00:00:00.000Z",[338,339,340,341,342],"Fully customizable colors and grid","Built with Three.js and GSAP for fluid 60fps animations","Auto-quality detection for mobile devices","Interactive infinite hover scrolling","Randomized grid positioning","https://high-balance-378453.framer.app/","/framerhub/img/components/delphitunnel.jpg",{"variants":198},"/components/delphitunnel","423a947b-4e84-460a-ba59-5bf71c00c07a",14,{"title":215,"description":169},"components/DelphiTunnel","An infinite 3D image tunnel for your Framer sites.",[334,353,354,355,356],"Tunnel","GSAP","Three.js","Infinite","w0DBhVMUDZmWaslDZ8yb3fXRs9NwBH7cWHLaWL3-wVA",{"id":359,"title":360,"body":361,"categories":540,"createdAt":541,"description":169,"download_url":185,"extension":186,"faq":185,"featured":187,"features":542,"hasGradient":194,"iframe":551,"image":552,"isFree":194,"isNew":194,"lemonsqueezy_variant_id":553,"license":185,"meta":554,"navigation":187,"path":555,"polar_product_id":556,"polar_sandbox_product_id":185,"previewImage":557,"price":348,"published":187,"robots":185,"seo":558,"seoDescription":185,"seoTitle":185,"slug":559,"stem":560,"tagline":561,"tags":562,"__hash__":566},"components/components/cms-gallery-slider.md","CMS Gallery Slider",{"type":8,"value":362,"toc":531},[363,367,370,372,378,384,390,396,398,404,410,416,422,429,431,433,438,449,454,468,473,490,495,506,508,514,520,525],[11,364,366],{"id":365},"gallery-slider-for-framer","Gallery Slider for Framer",[15,368,369],{},"A gallery slider that reads images from a Framer CMS gallery field, or from images you add by hand. It shows one large image with a row of thumbnails, and you set the transitions, thumbnails and arrows in the properties panel.",[11,371,26],{"id":25},[15,373,374,377],{},[19,375,376],{},"Two gallery modes."," CMS mode connects to your CMS gallery field. Normal mode takes images you add yourself. One toggle switches between them.",[15,379,380,383],{},[19,381,382],{},"Thumbnails on any side."," Put thumbnails at the bottom, top, left or right. Side thumbnails move to the bottom on mobile, and the strip scrolls to keep the active thumbnail in view.",[15,385,386,389],{},[19,387,388],{},"5 transitions."," Slide, Fade, Scale, Slide+Scale or Slide+Fade, with your choice of speed and a horizontal or vertical direction.",[15,391,392,395],{},[19,393,394],{},"Custom arrows."," Set the arrow size, position, colors and hover state, or upload your own arrow icons.",[11,397,54],{"id":53},[15,399,400,403],{},[19,401,402],{},"Product pages."," Several product photos with thumbnail previews.",[15,405,406,409],{},[19,407,408],{},"Portfolios."," Project images that visitors click through.",[15,411,412,415],{},[19,413,414],{},"Real estate listings."," Property photos pulled from each listing's CMS gallery.",[15,417,418,421],{},[19,419,420],{},"Blog posts."," An image gallery attached to a CMS article.",[15,423,424],{},[76,425],{"alt":426,"className":427,"src":428},"CMS Gallery Slider Preview",[80,81,82],"/framerhub/img/components/control/cms-gallery-slider.jpg",[11,430,87],{"id":86},[89,432,92],{"id":91},[15,434,435],{},[19,436,437],{},"Gallery Source",[102,439,440,443,446],{},[105,441,442],{},"Toggle between \"CMS\" and \"Normal\" modes",[105,444,445],{},"For CMS: Connect your CMS Gallery component to the slot",[105,447,448],{},"For Normal: Add images directly to the Gallery Images array",[15,450,451],{},[19,452,453],{},"Large Image Settings",[102,455,456,459,462,465],{},[105,457,458],{},"Width/Height: Set dimensions (%, px, vh supported)",[105,460,461],{},"Object Fit: Cover, Contain, Fill, None, Scale Down",[105,463,464],{},"Border Radius: Round the image corners",[105,466,467],{},"Animation: Speed, direction, and transition type",[15,469,470],{},[19,471,472],{},"Thumbnail Settings",[102,474,475,478,481,484,487],{},[105,476,477],{},"Position: Bottom, Top, Left, Right",[105,479,480],{},"Size & Gap: Control thumbnail dimensions",[105,482,483],{},"Opacity: Active vs inactive states",[105,485,486],{},"Animation: Scale, Lift, Glow, or Scale+Lift hover effects",[105,488,489],{},"Border & Background: Full styling control",[15,491,492],{},[19,493,494],{},"Arrow Controls",[102,496,497,500,503],{},[105,498,499],{},"Size, position, and border radius",[105,501,502],{},"Colors for normal and hover states",[105,504,505],{},"Upload custom arrow icons",[89,507,149],{"id":148},[15,509,510,513],{},[19,511,512],{},"Responsive thumbnails."," Left and right thumbnails move to the bottom on screens narrower than the breakpoint (768px by default).",[15,515,516,519],{},[19,517,518],{},"CMS connection."," In CMS mode, connect a CMS Gallery component to the slot. The main image becomes the first slide.",[15,521,522,524],{},[19,523,160],{}," The component sizes images for display, but large source files still slow the page. Export them at the size you need.",[15,526,527,530],{},[19,528,529],{},"Transition combos."," Slide+Fade and Slide+Scale give the most movement between product shots.",{"title":169,"searchDepth":170,"depth":170,"links":532},[533,534,535,536],{"id":365,"depth":170,"text":366},{"id":25,"depth":170,"text":26},{"id":53,"depth":170,"text":54},{"id":86,"depth":170,"text":87,"children":537},[538,539],{"id":91,"depth":178,"text":92},{"id":148,"depth":178,"text":149},[181,182,183],"2025-12-01T00:00:00.000Z",[543,544,545,546,547,548,549,550],"Works with CMS Gallery fields or standard image arrays","Smooth animations with five transition styles (Slide, Fade, Scale, combinations)","Four thumbnail positions (Top, Bottom, Left, Right) with auto-responsive behavior","Customizable navigation arrows with hover effects","Full control over thumbnail styling, spacing, and animations","Auto-scroll to active thumbnail for seamless browsing","Performance-optimized with smooth 60fps transitions","No coding required","https://extended-founders-035096.framer.app/","/framerhub/img/components/cms-gallery-slider.jpg","PLACEHOLDER",{"variants":198},"/components/cms-gallery-slider","994e5edf-ce19-4c37-be45-9426eda111e7","/framerhub/img/components/large/cms-gallery-slider.jpg",{"title":360,"description":169},"cms-gallery-slider","components/cms-gallery-slider","Turns a CMS gallery into an animated slider with thumbnails and navigation.",[563,183,181,182,564,209,565],"Interactive","Product","Animation","5Dxsd3RzuJIkmlhPNLwtDN5O9M6zN-bX7FYPUGjpCS4",{"id":568,"title":569,"body":570,"categories":766,"createdAt":541,"description":169,"download_url":185,"extension":186,"faq":185,"featured":187,"features":767,"hasGradient":194,"iframe":776,"image":777,"isFree":194,"isNew":194,"lemonsqueezy_variant_id":778,"license":185,"meta":779,"navigation":187,"path":780,"polar_product_id":781,"polar_sandbox_product_id":185,"previewImage":782,"price":783,"published":187,"robots":185,"seo":784,"seoDescription":185,"seoTitle":185,"slug":785,"stem":786,"tagline":787,"tags":788,"__hash__":791},"components/components/cms-masonry-lightbox.md","CMS Masonry Lightbox",{"type":8,"value":571,"toc":757},[572,576,579,581,587,593,599,604,610,612,617,623,628,634,640,647,649,653,658,673,678,689,695,709,714,728,731,733,739,745,751],[11,573,575],{"id":574},"masonry-galleries-from-your-cms","Masonry Galleries from Your CMS",[15,577,578],{},"Turns a CMS collection into a masonry gallery with a lightbox and category filters, all set up in the properties panel. Use it for portfolios, product galleries and media libraries.",[11,580,26],{"id":25},[15,582,583,586],{},[19,584,585],{},"Masonry layout."," Connect a CMS collection and the items lay out in a Pinterest-style grid, with 1 to 12 columns and your own gap.",[15,588,589,592],{},[19,590,591],{},"Lightbox."," Click an image or video to open it full screen. The component detects whether each item is an image or a video.",[15,594,595,598],{},[19,596,597],{},"Category filters."," Add filter pills that read the categories from your CMS, in single-select or multi-select mode. Set the pill colors, fonts and spacing.",[15,600,601,603],{},[19,602,49],{}," Scale, fade, slide or bounce, with adjustable overlay colors, icons and shadow intensity.",[15,605,606,609],{},[19,607,608],{},"Grid controls."," Change columns, gaps and shadows in the properties panel and see the result straight away.",[11,611,54],{"id":53},[15,613,614,616],{},[19,615,59],{}," Visitors filter design work by project type.",[15,618,619,622],{},[19,620,621],{},"Product galleries."," Product photos open in the lightbox for a closer look, filtered by category.",[15,624,625,627],{},[19,626,65],{}," The masonry layout handles photos of different heights.",[15,629,630,633],{},[19,631,632],{},"Case study libraries."," Client work grouped into filterable categories, with a quick preview.",[15,635,636,639],{},[19,637,638],{},"Media archives."," Images and videos in one collection, both playable in the lightbox.",[15,641,642],{},[76,643],{"alt":644,"className":645,"src":646},"CMS Masonry Lightbox Preview",[80,81,82],"/framerhub/img/components/control/cms-masonry-lightbox.jpg",[11,648,87],{"id":86},[89,650,652],{"id":651},"setup","Setup",[15,654,655],{},[19,656,657],{},"Connect Your CMS",[659,660,661,664,667,670],"ol",{},[105,662,663],{},"Drag the component onto your canvas",[105,665,666],{},"In the properties panel, click \"Connect CMS\"",[105,668,669],{},"Select your CMS collection",[105,671,672],{},"The masonry layout appears automatically",[15,674,675],{},[19,676,677],{},"Configure Layout",[102,679,680,683,686],{},[105,681,682],{},"Set your preferred number of columns (1-12)",[105,684,685],{},"Adjust gap spacing between items",[105,687,688],{},"Choose shadow intensity for depth",[15,690,691,694],{},[19,692,693],{},"Enable Lightbox"," (optional)",[102,696,697,700,703,706],{},[105,698,699],{},"Toggle \"Enable Lightbox\" in the properties panel",[105,701,702],{},"Specify your CMS image field name (default: \"image\")",[105,704,705],{},"Specify your CMS video field name (default: \"video\")",[105,707,708],{},"Customize hover effects and overlay styles",[15,710,711,694],{},[19,712,713],{},"Add Category Filtering",[659,715,716,719,722,725],{},[105,717,718],{},"Paste the CMSMasonboxFilter component above your gallery",[105,720,721],{},"Set the \"Category Field\" to match your CMS field name",[105,723,724],{},"Choose single or multi-select mode",[105,726,727],{},"Customize pill colors, fonts, and spacing",[15,729,730],{},"Both components connect through a shared \"Store Key\", so you don't link them by hand.",[89,732,149],{"id":148},[15,734,735,738],{},[19,736,737],{},"Columns."," 3 to 4 columns on desktop, 2 on tablet and 1 on mobile read best.",[15,740,741,744],{},[19,742,743],{},"Field names."," Your image and video field names must match the names set in the properties panel exactly.",[15,746,747,750],{},[19,748,749],{},"Filter setup."," If your CMS uses a different field name for categories, update it in both components.",[15,752,753,756],{},[19,754,755],{},"Large collections."," For 90+ items, consider a CMS pagination limit.",{"title":169,"searchDepth":170,"depth":170,"links":758},[759,760,761,762],{"id":574,"depth":170,"text":575},{"id":25,"depth":170,"text":26},{"id":53,"depth":170,"text":54},{"id":86,"depth":170,"text":87,"children":763},[764,765],{"id":651,"depth":178,"text":652},{"id":148,"depth":178,"text":149},[181,182,183],[768,769,770,771,772,773,774,775],"Auto-adapting masonry layout for any CMS collection","Built-in lightbox for images and videos","Category filtering with single or multi-select","Customizable hover effects and transitions","Fully responsive grid (1-12 columns)","Custom category pill styling","Works with any CMS field structure","Zero coding required","https://stupendous-area-590212.framer.app/","/framerhub/img/components/cms-masonry-lightbox.jpg","1014395",{},"/components/cms-masonry-lightbox","3d5cae4f-dbc2-4dac-9deb-e2c36bdd7aae","/framerhub/img/components/large/cms-masonry-lightbox.jpg",29,{"title":569,"description":169},"cms-masonry-lightbox","components/cms-masonry-lightbox","Turns a CMS collection into a masonry gallery with a lightbox and filters. No code needed.",[181,207,182,211,789,790,208,209],"Filter","Portfolio","4Lusr-vPezmDNGhC0Fdj21sClBNp906eOhwOVzFvj3o",{"id":793,"title":794,"body":795,"categories":1034,"createdAt":1037,"description":169,"download_url":185,"extension":186,"faq":185,"featured":187,"features":1038,"hasGradient":194,"iframe":1047,"image":1048,"isFree":194,"isNew":194,"lemonsqueezy_variant_id":1049,"license":185,"meta":1050,"navigation":187,"path":1051,"polar_product_id":1052,"polar_sandbox_product_id":185,"previewImage":1053,"price":1054,"published":187,"robots":185,"seo":1055,"seoDescription":185,"seoTitle":185,"slug":1056,"stem":1057,"tagline":1058,"tags":1059,"__hash__":1066},"components/components/exit-popup.md","Exist Popup",{"type":8,"value":796,"toc":1026},[797,801,804,806,812,818,824,830,836,838,844,850,856,862,869,871,877,882,899,904,921,926,943,947,955,960,986,988,994,999,1005,1011,1014],[11,798,800],{"id":799},"exitpopup","ExitPopup",[15,802,803],{},"A popup that opens after a delay, when a visitor moves to leave the page, or after they scroll a set distance. You design the popup content as a normal Framer frame and connect it to the slot. Use it for announcements, newsletter signups, exit offers and promotions.",[11,805,26],{"id":25},[15,807,808,811],{},[19,809,810],{},"3 triggers."," After a time delay, on exit intent, or after scrolling a set distance.",[15,813,814,817],{},[19,815,816],{},"Auto-close."," Close the popup after a set time, with an optional progress bar that pauses on hover.",[15,819,820,823],{},[19,821,822],{},"Position."," A centered overlay with a backdrop, or any corner of the screen.",[15,825,826,829],{},[19,827,828],{},"4 animations."," Fade, Zoom, Slide Up and Slide Down, at your chosen speed.",[15,831,832,835],{},[19,833,834],{},"Your design."," Connect any Framer frame as the popup content.",[11,837,54],{"id":53},[15,839,840,843],{},[19,841,842],{},"Newsletter signup."," A timed popup after visitors have read for a while.",[15,845,846,849],{},[19,847,848],{},"Exit-intent offer."," A discount when visitors move to leave.",[15,851,852,855],{},[19,853,854],{},"Announcements."," Updates in a corner that don't block the page.",[15,857,858,861],{},[19,859,860],{},"Cookie notice."," An auto-closing corner popup with a progress bar.",[15,863,864],{},[76,865],{"alt":866,"className":867,"src":868},"Exist Popup Preview",[80,81,82],"/framerhub/img/components/control/exit-popup.jpg",[11,870,87],{"id":86},[15,872,873,876],{},[19,874,875],{},"Popup Content","\nConnect your popup design by dragging a frame into the slot.",[15,878,879],{},[19,880,881],{},"When to Show (Trigger Settings)",[102,883,884,887,890,893,896],{},[105,885,886],{},"Trigger: After Time Delay, Exit Intent, or After Scrolling",[105,888,889],{},"Delay: Wait time before showing (0-30 seconds)",[105,891,892],{},"Exit Intent Sensitivity: Distance from top to trigger",[105,894,895],{},"Scroll Distance: How far to scroll before popup appears",[105,897,898],{},"Exit Warning: Show when visitor tries to leave the page",[15,900,901],{},[19,902,903],{},"Auto-Close",[102,905,906,909,912,915,918],{},[105,907,908],{},"Enable: Close popup automatically after duration",[105,910,911],{},"Duration: Time before auto-close (1-60 seconds)",[105,913,914],{},"Progress Bar: Show countdown indicator",[105,916,917],{},"Bar Position: Top or Bottom",[105,919,920],{},"Bar Color: Customize progress color",[15,922,923],{},[19,924,925],{},"Position",[102,927,928,931,934,937,940],{},[105,929,930],{},"Style: Center Overlay or Corner Position",[105,932,933],{},"Corner: Top Left, Top Right, Bottom Left, Bottom Right, Center",[105,935,936],{},"Edge Space: Distance from screen edges",[105,938,939],{},"Show Backdrop: Dark background behind popup",[105,941,942],{},"Backdrop Color: Overlay color",[15,944,945],{},[19,946,565],{},[102,948,949,952],{},[105,950,951],{},"Style: Fade, Zoom, Slide Up, Slide Down",[105,953,954],{},"Speed: Animation duration (0.1-2 seconds)",[15,956,957],{},[19,958,959],{},"Close Button",[102,961,962,965,968,971,974,977,980,983],{},[105,963,964],{},"Show Close Button: Display X button",[105,966,967],{},"Hide if Auto-Close: Hide when using auto-close",[105,969,970],{},"Position: Inside or Outside popup",[105,972,973],{},"Distance: Spacing from corner",[105,975,976],{},"Size: Button size",[105,978,979],{},"Icon Size: X icon size",[105,981,982],{},"Icon Color: X icon color",[105,984,985],{},"Background: Button background color",[89,987,149],{"id":148},[15,989,990,993],{},[19,991,992],{},"Exit intent."," Works on desktop, where there's a cursor. A sensitivity of 10px triggers reliably as the cursor heads for the browser tabs.",[15,995,996,998],{},[19,997,816],{}," Show the progress bar so visitors know the popup will close. The timer pauses on hover.",[15,1000,1001,1004],{},[19,1002,1003],{},"Corners."," Use a corner for announcements that shouldn't interrupt. Bottom Right suits cookie notices.",[15,1006,1007,1010],{},[19,1008,1009],{},"Slot content."," Design the popup as its own frame first, then connect it.",[1012,1013],"hr",{},[15,1015,1016,1019,1020,1025],{},[19,1017,1018],{},"Need help?"," ",[1021,1022,1024],"a",{"href":1023},"/contact","Contact us",".",{"title":169,"searchDepth":170,"depth":170,"links":1027},[1028,1029,1030,1031],{"id":799,"depth":170,"text":800},{"id":25,"depth":170,"text":26},{"id":53,"depth":170,"text":54},{"id":86,"depth":170,"text":87,"children":1032},[1033],{"id":148,"depth":178,"text":149},[563,1035,1036,181],"Overlays","Scroll","2025-12-06T00:00:00.000Z",[1039,1040,1041,1042,1043,1044,1045,1046],"Three smart trigger modes (exit intent, scroll depth, timed)","Exit warning to prevent accidental tab closes","Optional auto-close with progress bar","Four smooth animations (fade, zoom, slide)","Center overlay or corner positioning","Fully customizable colors and styling","Drop in your own content with content slot","Works in any Framer project","https://existpopup.framer.website/demo","/framerhub/img/components/exist-popup.jpg","1112682",{"variants":178},"/components/exit-popup","821f260d-9aa0-4fa7-9a02-8c2b04cbe524","/framerhub/img/components/large/exist-popup.jpg",15,{"title":794,"description":169},"exist-popup","components/exit-popup","A popup that opens after a delay, on exit intent or after scrolling.",[1060,1061,1062,1063,1064,565,1065],"Popup","Modal","Exit Intent","Conversion","Lead Capture","Interaction","cFjX_HBJcBSjfieqMmPsTgBvHh9Lbb7kZhTMhvxmfus",{"id":1068,"title":1069,"body":1070,"categories":1299,"createdAt":1300,"description":169,"download_url":185,"extension":186,"faq":1301,"featured":187,"features":1314,"hasGradient":194,"iframe":1323,"image":1324,"isFree":194,"isNew":194,"lemonsqueezy_variant_id":1325,"license":185,"meta":1326,"navigation":187,"path":1327,"polar_product_id":1328,"polar_sandbox_product_id":185,"previewImage":1329,"price":1330,"published":187,"robots":185,"seo":1331,"seoDescription":185,"seoTitle":185,"slug":1332,"stem":1333,"tagline":1334,"tags":1335,"__hash__":1341},"components/components/interactive-particles.md","Interactive Particles",{"type":8,"value":1071,"toc":1288},[1072,1076,1079,1082,1084,1090,1096,1102,1108,1114,1120,1124,1130,1136,1142,1148,1155,1157,1159,1164,1178,1183,1194,1199,1210,1214,1222,1227,1238,1242,1248,1254,1260,1264,1267,1271],[11,1073,1075],{"id":1074},"turn-any-image-into-interactive-particles","Turn any image into interactive particles",[15,1077,1078],{},"Interactive Particles rebuilds an image out of thousands of small particles that keep the original composition. Move the mouse or a finger over it and the particles ripple away and drift back, floating at different depths so the image gains a 3D parallax. It makes a portrait, logo or product photo feel alive without any video.",[15,1080,1081],{},"You upload the image, choose full color or black and white, pick a particle shape, and set depth, spread, interaction strength and quality in Framer's properties panel.",[11,1083,26],{"id":25},[15,1085,1086,1089],{},[19,1087,1088],{},"Image to particles."," Any uploaded image becomes a particle field.",[15,1091,1092,1095],{},[19,1093,1094],{},"Mouse and touch ripple."," Smooth, organic displacement under the pointer, on desktop and mobile.",[15,1097,1098,1101],{},[19,1099,1100],{},"Five particle shapes."," Circle, square, soft-square, star and hexagon.",[15,1103,1104,1107],{},[19,1105,1106],{},"Color modes."," Full color, or black and white with four contrast presets.",[15,1109,1110,1113],{},[19,1111,1112],{},"3D depth."," Adjustable depth and spread for subtle or dramatic parallax.",[15,1115,1116,1119],{},[19,1117,1118],{},"Entrance animation."," Optional animation as the particles assemble.",[11,1121,1123],{"id":1122},"where-interactive-particles-works-best","Where Interactive Particles works best",[15,1125,1126,1129],{},[19,1127,1128],{},"Personal portfolios."," Use your portrait in Black & White with the Natural preset as the hero image. Visitors who move the mouse over it get a small surprise, and the page feels made rather than templated.",[15,1131,1132,1135],{},[19,1133,1134],{},"Founder and team pages."," A founder photo in particles next to the company story turns a standard About page into something people remember.",[15,1137,1138,1141],{},[19,1139,1140],{},"Logo reveals."," A high-contrast logo with the entrance animation on works as a brand moment at the top of a launch page.",[15,1143,1144,1147],{},[19,1145,1146],{},"Product highlights."," A product shot in full color with hexagon or soft-square particles gives a tech product a distinctive look.",[15,1149,1150],{},[76,1151],{"alt":1152,"className":1153,"src":1154},"Interactive Particles Preview",[80,81,82],"/framerhub/img/components/control/interactive-particles.jpg",[11,1156,87],{"id":86},[89,1158,92],{"id":91},[15,1160,1161],{},[19,1162,1163],{},"Image setup",[102,1165,1166,1169,1172,1175],{},[105,1167,1168],{},"Upload your image",[105,1170,1171],{},"Fit: Fill, Cover, Contain or Scale Down",[105,1173,1174],{},"Style: Full Color or Black & White",[105,1176,1177],{},"Contrast preset (Black & White mode)",[15,1179,1180],{},[19,1181,1182],{},"Particle appearance",[102,1184,1185,1188,1191],{},[105,1186,1187],{},"Shape (five options)",[105,1189,1190],{},"Particle size",[105,1192,1193],{},"Detail level (brightness threshold)",[15,1195,1196],{},[19,1197,1198],{},"Motion and effects",[102,1200,1201,1204,1207],{},[105,1202,1203],{},"Entrance animation on or off",[105,1205,1206],{},"3D depth and particle spread",[105,1208,1209],{},"Freeze movement for a static look",[15,1211,1212],{},[19,1213,1065],{},[102,1215,1216,1219],{},[105,1217,1218],{},"Touch interaction size",[105,1220,1221],{},"Touch strength (how far particles move)",[15,1223,1224],{},[19,1225,1226],{},"Performance",[102,1228,1229,1232,1235],{},[105,1230,1231],{},"Max resolution (lower is faster)",[105,1233,1234],{},"Sampling rate (1 = highest quality, 4 = fastest)",[105,1236,1237],{},"Minimum brightness size",[89,1239,1241],{"id":1240},"starting-settings","Starting settings",[15,1243,1244,1247],{},[19,1245,1246],{},"Natural portrait."," Black & White, Natural preset, circle particles, depth around 4, spread around 2.",[15,1249,1250,1253],{},[19,1251,1252],{},"Bold logo."," Full Color, hexagon particles, entrance animation on, stronger touch strength.",[15,1255,1256,1259],{},[19,1257,1258],{},"Still image."," Freeze movement on, soft-square particles, for a textured but calm image.",[11,1261,1263],{"id":1262},"performance-and-mobile","Performance and mobile",[15,1265,1266],{},"Start with the defaults. If the page feels heavy, lower max resolution to about 200 and set sampling to 2. Keep depth around 4 and spread around 2 for a natural look; higher values are dramatic but can blur the subject. Touch works on phones, so the effect is not lost on mobile.",[11,1268,1270],{"id":1269},"compared-with-similar-components","Compared with similar components",[15,1272,1273,1277,1278,1282,1283,1287],{},[1021,1274,1276],{"href":1275},"/components/liquid-data-hologram","Liquid Data Hologram"," turns an image into a liquid, holographic particle effect. ",[1021,1279,1281],{"href":1280},"/components/quantum-nebula","Quantum Nebula"," has a hologram mode that extrudes an image into 3D particles. ",[1021,1284,1286],{"href":1285},"/components/dot-text","Dot Text"," applies particles to words instead of images. Choose Interactive Particles when you want a recognizable image that visitors can touch.",{"title":169,"searchDepth":170,"depth":170,"links":1289},[1290,1291,1292,1293,1297,1298],{"id":1074,"depth":170,"text":1075},{"id":25,"depth":170,"text":26},{"id":1122,"depth":170,"text":1123},{"id":86,"depth":170,"text":87,"children":1294},[1295,1296],{"id":91,"depth":178,"text":92},{"id":1240,"depth":178,"text":1241},{"id":1262,"depth":170,"text":1263},{"id":1269,"depth":170,"text":1270},[563],"2025-02-15T00:00:00.000Z",[1302,1305,1308,1311],{"question":1303,"answer":1304},"What kind of image works best?","High-contrast images with a clear subject: portraits, logos and silhouettes. Busy photos with low contrast turn into noise.",{"question":1306,"answer":1307},"Does it work with touch?","Yes. Particles respond to both mouse and touch with a ripple, and you can set the size and strength of the interaction.",{"question":1309,"answer":1310},"Can I show the image in black and white?","Yes. Switch the style to Black & White and pick one of four contrast presets: Natural, Balanced, Soft or Bright.",{"question":1312,"answer":1313},"What should I do if the effect is slow?","Lower the max resolution to around 200 and raise the sampling rate to 2. Both reduce the number of particles with little visible change.",[1315,1316,1317,1318,1319,1320,1321,1322],"Converts any image into interactive particles","Mouse and touch interaction with ripple effects","Five particle shapes (circle, square, soft-square, star, hexagon)","Full color or black & white modes","Adjustable 3D depth and particle spread","Performance-optimized with quality controls","Optional entrance animation","Works in any section or layout","https://luxurious-centre-360676.framer.app/","/framerhub/img/components/interactive-particles.jpg","1117038",{},"/components/interactive-particles","ca5062e5-e7cb-4055-bb56-31862ee51ab1","/framerhub/img/components/large/interactive-particles.jpg",9,{"title":1069,"description":169},"interactive-particles","components/interactive-particles","Turns any image into a 3D particle field that reacts to mouse and touch.",[563,334,1336,565,1337,1338,1339,1340],"Particles","Image","Mouse","Effects","Touch","vG31PqYJAM3ediftZp2rupg94Jo7iC3rUFUVc-BqnIg",[1343,1464,1573,1612,1723],{"id":1344,"title":1345,"body":1346,"builtWith":1435,"category":1437,"comingSoon":194,"createdAt":1438,"description":1439,"extension":186,"featured":187,"features":1440,"gallery":1445,"iframe":1448,"image":1446,"isFree":194,"meta":1449,"navigation":187,"path":1450,"polar_product_id":1451,"polar_sandbox_product_id":1452,"previewImage":1446,"price":1453,"priceLabel":185,"promoBanner":185,"published":187,"purchaseUrl":1454,"robots":185,"seo":1455,"slug":1456,"stem":1457,"tags":1458,"template_remix_url":185,"waitlist":194,"__hash__":1463},"templates/templates/aurelle.md","Aurelle Jewels Shop",{"type":8,"value":1347,"toc":1427},[1348,1352,1355,1358,1362,1379,1383,1397,1401,1409,1413,1424],[11,1349,1351],{"id":1350},"about-aurelle-jewels-shop","About Aurelle Jewels Shop",[15,1353,1354],{},"Aurelle is a refined ecommerce template for fine jewelry, crafted brands, and luxury boutiques. Editorial layouts, elegant serif typography, and a warm neutral palette give your pieces the quiet, gallery-like presentation they deserve.",[15,1356,1357],{},"Aurelle is designed for FrameWoo, the WooCommerce plugin for Framer. Connect your WooCommerce store and sell directly from your Framer site with real products, a live cart, checkout, and customer accounts. Every commerce screen is already designed and wired.",[89,1359,1361],{"id":1360},"storefront-pages","Storefront pages",[102,1363,1364,1367,1370,1373,1376],{},[105,1365,1366],{},"Home with hero, category tiles, product spotlight, new arrivals, craft story, editorial moment, social proof, and newsletter",[105,1368,1369],{},"Shop with filter bar, category, metal, and price dropdown states, plus load more",[105,1371,1372],{},"Product page with gallery, details, craftsmanship, complementary products, care, and reviews",[105,1374,1375],{},"Collections campaign page with an editorial grid",[105,1377,1378],{},"Our Craft brand story covering the atelier, making process, materials, artisans, and commitments",[89,1380,1382],{"id":1381},"commerce-flow","Commerce flow",[102,1384,1385,1388,1391,1394],{},[105,1386,1387],{},"Cart drawer and full cart page",[105,1389,1390],{},"Multi-step checkout with step indicator",[105,1392,1393],{},"Order confirmation",[105,1395,1396],{},"Account, login, registration, and forgotten-password pages",[89,1398,1400],{"id":1399},"support-pages","Support pages",[102,1402,1403,1406],{},[105,1404,1405],{},"Size guide with ring sizing, measuring guidance, and chain lengths",[105,1407,1408],{},"FAQ, contact, shipping and returns policy, and a designed 404 page",[89,1410,1412],{"id":1411},"built-right","Built right",[102,1414,1415,1418,1421],{},[105,1416,1417],{},"Reusable navigation, announcement bar, footer, newsletter, product cards, buttons, and form fields",[105,1419,1420],{},"Consistent typography and spacing across 18+ pages",[105,1422,1423],{},"Every layout is ready to connect to a live WooCommerce catalog through FrameWoo",[15,1425,1426],{},"Launch a jewelry store that feels like a maison, not a marketplace. Replace the imagery, connect your store, and publish.",{"title":169,"searchDepth":170,"depth":170,"links":1428},[1429],{"id":1350,"depth":170,"text":1351,"children":1430},[1431,1432,1433,1434],{"id":1360,"depth":178,"text":1361},{"id":1381,"depth":178,"text":1382},{"id":1399,"depth":178,"text":1400},{"id":1411,"depth":178,"text":1412},[1436],"framewoo","framer-ecommerce-templates","2026-08-20T00:00:00.000Z","A refined ecommerce template for fine jewelry, crafted brands, and luxury boutiques, with editorial layouts and a complete FrameWoo storefront.",[1441,1442,1443,1444],"18+ storefront, commerce, account, and support pages","Live WooCommerce products, cart, checkout, and customer accounts","Editorial collections, craftsmanship stories, and product cross-sells","Reusable components with a consistent type and spacing system",[1446,1447],"/framerhub/img/templates/aurelle/01-home.png","/framerhub/img/templates/aurelle/02-shop.png","https://aurelle-template.framer.website/",{},"/templates/aurelle","e987d278-c64b-46e5-98dd-bee3b80dd6e6","544c18b8-2d95-45d8-a229-d49b17889ea2",4900,"https://www.framer.com/marketplace/templates/aurelle-jewels-shop/",{"title":1345,"description":1439},"aurelle-jewels-shop","templates/aurelle",[1459,1460,1461,1462],"Ecommerce","Jewelry","Luxury","WooCommerce","LoxxGFw8RZ0dkrGo1YMKIrn_saoBzpywcpwoSYlk93c",{"id":1465,"title":1466,"body":1467,"builtWith":1544,"category":1547,"comingSoon":194,"createdAt":1548,"description":1549,"extension":186,"featured":187,"features":1550,"gallery":1555,"iframe":1560,"image":1556,"isFree":194,"meta":1561,"navigation":187,"path":1562,"polar_product_id":185,"polar_sandbox_product_id":185,"previewImage":1556,"price":1563,"priceLabel":185,"promoBanner":185,"published":187,"purchaseUrl":1564,"robots":185,"seo":1565,"slug":1566,"stem":1567,"tags":1568,"template_remix_url":185,"waitlist":194,"__hash__":1572},"templates/templates/marren-co.md","Marren & Co",{"type":8,"value":1468,"toc":1535},[1469,1473,1476,1480,1483,1487,1490,1494,1497,1501,1518,1522],[11,1470,1472],{"id":1471},"about-marren-co","About Marren & Co",[15,1474,1475],{},"Marren & Co is a real estate template for boutique brokerages and distinctive coastal homes. Large property photography, Playfair Display headlines and a restrained ink-and-paper palette give your listings an editorial setting.",[89,1477,1479],{"id":1478},"two-ways-to-explore-the-catalog","Two ways to explore the catalog",[15,1481,1482],{},"The main listings layout starts with a property grid. An alternate layout pairs the cards with a map on desktop. Both offer Grid, Map and Split views, with filters for price, status, community, minimum bedrooms and minimum interior area, plus text search and sorting. Community tiles on the home page link straight to filtered listings.",[89,1484,1486],{"id":1485},"properties-in-framer-cms","Properties in Framer CMS",[15,1488,1489],{},"Every property lives in Framer CMS. Reusable cards bring together images, price and key facts, and each property page has a gallery, features and location details.",[89,1491,1493],{"id":1492},"valuation-and-enquiry-forms","Valuation and enquiry forms",[15,1495,1496],{},"For homeowners thinking of selling, a six-step valuation form collects property details, condition, timing and contact information, then shows a review before sending. Button groups keep choices easy to scan, with multiple selections for upgrades and features. Contact and footer enquiry forms complete the site.",[89,1498,1500],{"id":1499},"included-pages","Included pages",[102,1502,1503,1506,1509,1512,1515],{},[105,1504,1505],{},"Home with featured properties and community tiles",[105,1507,1508],{},"Listings with filters, search, sorting and Grid, Map and Split views",[105,1510,1511],{},"CMS-driven property detail pages",[105,1513,1514],{},"Home valuation",[105,1516,1517],{},"The firm (about) and contact",[89,1519,1521],{"id":1520},"what-you-need","What you need",[15,1523,1524,1525,1529,1530,1534],{},"Marren & Co uses Framer, FramerHub ",[1021,1526,1528],{"href":1527},"/plugins/framer-cms-filter","CMS Filter"," (including its map component) and ",[1021,1531,1533],{"href":1532},"/plugins/framer-form-kit","Form Kit",", plus included code components for some property detail features. Choose a Framer plan that fits your CMS and publishing needs, set up where form submissions go, and replace the demo content before launch.",{"title":169,"searchDepth":170,"depth":170,"links":1536},[1537],{"id":1471,"depth":170,"text":1472,"children":1538},[1539,1540,1541,1542,1543],{"id":1478,"depth":178,"text":1479},{"id":1485,"depth":178,"text":1486},{"id":1492,"depth":178,"text":1493},{"id":1499,"depth":178,"text":1500},{"id":1520,"depth":178,"text":1521},[1545,1546],"cms-filter","form-kit","framer-real-estate-templates","2026-10-20T00:00:00.000Z","An editorial real estate template for boutique brokerages and coastal homes, with filterable listings in grid, map and split views and a six-step home valuation form.",[1551,1552,1553,1554],"Listings with Grid, Map and Split views, filters for price, status, community, bedrooms and interior area","Text search, sorting and community tiles that open pre-filtered listings","CMS-managed properties with image carousels, galleries, features and location","Six-step valuation form with progress, validation, saved drafts and a review step",[1556,1557,1558,1559],"/framerhub/img/templates/marren-co/01-marren-co.webp","/framerhub/img/templates/marren-co/02-marren-co.webp","/framerhub/img/templates/marren-co/03-marren-co.webp","/framerhub/img/templates/marren-co/04-marren-co.webp","https://sincere-hexagon-093933.framer.app/",{},"/templates/marren-co",6900,"https://www.framer.com/marketplace/templates/marren-co/",{"title":1466,"description":1549},"marren-co","templates/marren-co",[1569,1570,181,1571],"Real Estate","Property","Maps","QcCbycylWDa5zJWvwojWn06H18LpN0JltHn8LN5oFNE",{"id":1574,"title":1575,"body":1576,"builtWith":1591,"category":1437,"comingSoon":194,"createdAt":1592,"description":1593,"extension":186,"featured":187,"features":1594,"gallery":1599,"iframe":1600,"image":1601,"isFree":194,"meta":1602,"navigation":187,"path":1603,"polar_product_id":185,"polar_sandbox_product_id":185,"previewImage":1601,"price":185,"priceLabel":1604,"promoBanner":185,"published":187,"purchaseUrl":185,"robots":185,"seo":1605,"slug":1606,"stem":1607,"tags":1608,"template_remix_url":185,"waitlist":194,"__hash__":1611},"templates/templates/mercato.md","Mercato",{"type":8,"value":1577,"toc":1588},[1578,1582,1585],[11,1579,1581],{"id":1580},"a-complete-storefront-for-everyday-brands","A complete storefront for everyday brands",[15,1583,1584],{},"Mercato pairs a clean, neutral visual system with the structure a growing ecommerce brand needs. Use it for apparel, home goods, accessories, technology, or a catalogue that spans several categories.",[15,1586,1587],{},"The template includes the core shopping journey alongside the supporting pages that make a store feel established: collections, product details, a lookbook, editorial content, account screens, policies, and customer support.",{"title":169,"searchDepth":170,"depth":170,"links":1589},[1590],{"id":1580,"depth":170,"text":1581},[1436],"2026-08-21T00:00:00.000Z","A polished multi-category ecommerce template for modern stores, with product discovery, collections, editorial content, wishlists, and customer account pages.",[1595,1596,1597,1598],"Multi-category storefront with collection and product pages","Product search, wishlist, cart, and customer account flows","Lookbook, blog, sale, and editorial content layouts","Responsive design with light and dark modes",[],"https://mercato-template.framer.website/","/framerhub/img/templates/mercato-template.png",{},"/templates/mercato","Included with FrameWoo",{"title":1575,"description":1593},"mercato","templates/mercato",[1459,1609,1610,181],"Retail","Multi-category","B93QW4x5V9hDQ9ljcLu7QkcbSHuyfHutLIYZamh-J5g",{"id":1613,"title":1614,"body":1615,"builtWith":1700,"category":1437,"comingSoon":194,"createdAt":1701,"description":1702,"extension":186,"featured":187,"features":1703,"gallery":1707,"iframe":1713,"image":1708,"isFree":187,"meta":1714,"navigation":187,"path":1715,"polar_product_id":185,"polar_sandbox_product_id":185,"previewImage":1708,"price":185,"priceLabel":1716,"promoBanner":185,"published":187,"purchaseUrl":1717,"robots":185,"seo":1718,"slug":1719,"stem":1720,"tags":1721,"template_remix_url":185,"waitlist":194,"__hash__":1722},"templates/templates/orlea.md","Orlea",{"type":8,"value":1616,"toc":1692},[1617,1621,1624,1627,1629,1646,1648,1661,1663,1671,1673,1689],[11,1618,1620],{"id":1619},"about-orlea","About Orlea",[15,1622,1623],{},"Orlea is a bespoke fine-jewelry template for Framer, built for made-to-order pieces. Editorial layouts, refined serif type, and a warm, gallery-like palette give heirloom jewelry the presentation it deserves.",[15,1625,1626],{},"Orlea runs on FrameWoo, the WooCommerce plugin for Framer. Connect your store and sell from your Framer site with real products, a live cart, checkout, and customer accounts. Every commerce screen is already designed and wired.",[89,1628,1361],{"id":1360},[102,1630,1631,1634,1637,1640,1643],{},[105,1632,1633],{},"Home with private-showroom hero, commission path, ring sizer, engraving preview, materials tabs, atelier sequence, and gifting path",[105,1635,1636],{},"Shop with an editorial product grid",[105,1638,1639],{},"Product page with split gallery, craftsmanship, macro details, complementary products, care, and reviews",[105,1641,1642],{},"Collections campaign page with three signature-band editorials",[105,1644,1645],{},"Our Craft page featuring the atelier, process, materials, maker quote, and artisans",[89,1647,1382],{"id":1381},[102,1649,1650,1652,1655,1658],{},[105,1651,1387],{},[105,1653,1654],{},"Checkout",[105,1656,1657],{},"Order confirmation with a delivery timeline",[105,1659,1660],{},"Account, login, and contact pages",[89,1662,1400],{"id":1399},[102,1664,1665,1668],{},[105,1666,1667],{},"Size guide with ring sizer, at-home measuring guidance, and chain guide",[105,1669,1670],{},"FAQ, shipping and returns policy, and a designed 404 page",[89,1672,1412],{"id":1411},[102,1674,1675,1678,1681,1684,1687],{},[105,1676,1677],{},"Fully responsive with a dedicated mobile homepage and slide-out mobile menu",[105,1679,1680],{},"Interactive engraving specimen and materials sections",[105,1682,1683],{},"Reusable header, announcement bar, footer, product cards, buttons, and labels",[105,1685,1686],{},"Consistent typography and spacing across 15+ pages",[105,1688,1423],{},[15,1690,1691],{},"Launch a jewelry maison, not a marketplace. Replace the imagery, connect your store, and publish.",{"title":169,"searchDepth":170,"depth":170,"links":1693},[1694],{"id":1619,"depth":170,"text":1620,"children":1695},[1696,1697,1698,1699],{"id":1360,"depth":178,"text":1361},{"id":1381,"depth":178,"text":1382},{"id":1399,"depth":178,"text":1400},{"id":1411,"depth":178,"text":1412},[1436],"2026-09-02T00:00:00.000Z","A bespoke fine-jewelry template for made-to-order pieces, with editorial layouts, refined serif type, and a complete FrameWoo storefront.",[1704,1442,1705,1706],"15+ responsive storefront, commerce, account, and support pages","Commission, engraving, materials, sizing, and gifting experiences","Dedicated mobile homepage and slide-out mobile navigation",[1708,1709,1710,1711,1712],"/framerhub/img/templates/orlea/01-home.png","/framerhub/img/templates/orlea/02-shop.png","/framerhub/img/templates/orlea/03-product.png","/framerhub/img/templates/orlea/04-craft.png","/framerhub/img/templates/orlea/05-mobile.png","https://orlea.framer.website/",{},"/templates/orlea","Free","https://framer.link/2BoT3PF?duplicateType=siteTemplate",{"title":1614,"description":1702},"orlea","templates/orlea",[1459,1460,1461,1462],"4Qi8qmOEjT_0Jdq9M0QQtF8Rlh-Z6MABdSg6c-JLx_Y",{"id":1724,"title":1725,"body":1726,"builtWith":1794,"category":1547,"comingSoon":194,"createdAt":1795,"description":1796,"extension":186,"featured":187,"features":1797,"gallery":1802,"iframe":1807,"image":1803,"isFree":194,"meta":1808,"navigation":187,"path":1809,"polar_product_id":185,"polar_sandbox_product_id":185,"previewImage":1803,"price":1563,"priceLabel":185,"promoBanner":185,"published":187,"purchaseUrl":1810,"robots":185,"seo":1811,"slug":1812,"stem":1813,"tags":1814,"template_remix_url":185,"waitlist":194,"__hash__":1815},"templates/templates/terrane.md","Terrane",{"type":8,"value":1727,"toc":1787},[1728,1732,1735,1738,1742,1756,1758,1780,1784],[11,1729,1731],{"id":1730},"about-terrane","About Terrane",[15,1733,1734],{},"Terrane is a real estate template for brokerages and property teams with a substantial catalog of homes. It pairs an editorial, architecture-led visual system with the search tools buyers need to narrow a large inventory quickly.",[15,1736,1737],{},"The listings experience combines a price range slider with filters for status, bedrooms, bathrooms, and home type. Visitors can stack filters, clear them in one action, sort the results, and switch to a map that updates as they search or load more properties.",[89,1739,1741],{"id":1740},"property-discovery","Property discovery",[102,1743,1744,1747,1750,1753],{},[105,1745,1746],{},"Search and filter a large property catalog without sending buyers through static category pages",[105,1748,1749],{},"Browse homes alongside an interactive location map",[105,1751,1752],{},"Sort results and clear active filters quickly",[105,1754,1755],{},"Give each listing a full page with photography, price, beds, baths, size, lot details, features, and broker information",[89,1757,1500],{"id":1499},[102,1759,1760,1763,1766,1768,1771,1774,1777],{},[105,1761,1762],{},"Home with property search",[105,1764,1765],{},"Listings with advanced filters and map view",[105,1767,1511],{},[105,1769,1770],{},"Neighborhood guides",[105,1772,1773],{},"Broker profiles",[105,1775,1776],{},"Journal for market notes and editorial content",[105,1778,1779],{},"About, contact, and 404 pages",[89,1781,1783],{"id":1782},"built-for-easy-editing","Built for easy editing",[15,1785,1786],{},"Manage addresses, prices, bedrooms, bathrooms, photos, locations, and supporting content directly in Framer CMS. Replace the branding, colors, listings, and copy, then publish a responsive property site without rebuilding the search experience from scratch.",{"title":169,"searchDepth":170,"depth":170,"links":1788},[1789],{"id":1730,"depth":170,"text":1731,"children":1790},[1791,1792,1793],{"id":1740,"depth":178,"text":1741},{"id":1499,"depth":178,"text":1500},{"id":1782,"depth":178,"text":1783},[1545,1546],"2026-09-21T00:00:00.000Z","A premium real estate template with advanced property filters, live map search, CMS-managed listings, and polished pages for homes, neighborhoods, and brokers.",[1798,1799,1800,1801],"Advanced filters for price, status, bedrooms, bathrooms, and property type","Live map that updates as visitors filter, search, or load more listings","CMS-managed property details, neighborhoods, brokers, and journal content","12 responsive pages including listings, property details, profiles, and contact",[1803,1804,1805,1806],"/framerhub/img/templates/terrane/01-terrane.webp","/framerhub/img/templates/terrane/02-terrane.webp","/framerhub/img/templates/terrane/03-terrane.webp","/framerhub/img/templates/terrane/04-terrane.webp","https://terrane.framer.website/",{},"/templates/terrane","https://www.framer.com/marketplace/templates/terrane/",{"title":1725,"description":1796},"terrane","templates/terrane",[1569,1570,181,1571],"2BlaMSY4sSDghsgxqSFjkPAadIPwqpc9wv-K0z908aY",1793456675915]