63:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 64:Tda1,

How to Create Different Layouts for CMS Detail Pages in Framer

The Problem

You download a template from Framer's marketplace (free or paid) and everything looks great. Then you hit a wall: the CMS detail page won't do what you need.

Maybe one project needs six images, another needs three. One needs a video, another doesn't. You try editing the page and end up creating separate pages for each project instead of keeping things dynamic.

The Solution: Visibility Conditions

The trick is visibility conditions. They let one CMS detail page adapt to different content without breaking.

How It Works

Say you have four image slots on a detail page. Three projects use all four images, but one project only has three.

Set the visibility condition on that fourth image: "If image 4 exists, show this. If not, hide it."

The layout adjusts automatically. No empty spaces, no manual fixes needed.

Adding More Images (Beyond the Template Default)

If your template has four image slots but you need six:

Duplicate the image components to make slots 5 and 6
Add your images to the CMS
Set visibility conditions for each new slot: "If image 5 exists, show this"
Same for image 6

Now the first project shows all six images. The second shows five. The third shows three. The page adapts based on what's there.

Using Videos and Other Components

Want some projects to have videos and others not?

Add a video component to your detail page
Create a "video link" text field in your CMS
Connect the video component to that field
Set visibility: "If video link exists, show this"

Projects with video links show the video. Projects without them don't show an empty player. The component just disappears.

This works for anything: embedded forms, audio files, whatever.

Different Layouts Using Component Variants

Here's where it gets interesting. What if you need completely different layouts for different projects?

Create one component with multiple layout variants:

Variant 1: Two columns, two rows
Variant 2: Three columns, one row
Variant 3: One column, four rows

Method 1: Odd/Even

Add a "count" number field to your CMS (1, 2, 3, 4...).

Set the variant condition: "If count is odd, use variant 1. If even, use variant 2."

Projects 1, 3, 5 get one layout. Projects 2, 4, 6 get another.

Method 2: Specific Numbers

Want four completely different layouts?

Set conditions based on the count field:

If count = 1, use variant 1
If count = 2, use variant 2
If count = 3, use variant 3
If count = 4, use variant 4

Each project gets its own layout.

Method 3: Using Text Fields

You can use year fields or any text field:

"If year contains '25', use variant 4. Otherwise, use variant 1."

All 2025 projects get one layout. Everything else gets another.

Why This Matters

One CMS detail page handles everything. No duplicate pages. No manual work every time you add a project. Just set up the conditions once, then add your content.

The visibility condition is the key. It gives you flexibility while keeping everything dynamic.

65:T420,

Features

Realistic Typewriter Sound – Plays on both typing and backspace
Custom Audio Upload – Upload your own sound files (MP3, WAV, OGG)
Automatic Fallback – Synthesized sound if custom audio fails to load
Volume Control – Adjustable sound volume (0.0 - 1.0)

Property Controls

Complete Style Control – Customize every visual aspect
Focus State Styling – Separate appearance when input is focused
Custom Typography – Extended font controls for input and placeholder
Border Customization – Full control over borders, radius, and shadows
Color Management – Independent colors for text, background, and placeholder
Flexible Layout – Adjustable width and height (Fixed or Fit content)

66:T647,

Features

Automatic timezone detection - Shows visitor's local time instantly
Country display - Shows country code (IN, US, GB) or full name (India, United States, United Kingdom)
Day of week - Optional display (Mon, Tue, Wed, etc.)
Seconds toggle - Show/hide seconds
Customizable separator - Use any character(s) between elements (-, |, •, etc.)
Adjustable spacing - Control gap between all elements
Full typography control - Font family, size, weight, color

Property setup

Typography - Font settings (family, size, weight, line height, letter spacing, alignment)
Text Color - Color picker for text

Show Day - Toggle day of week display (Mon, Tue, Wed...)
Show Seconds - Toggle seconds in time display
Show Location - Toggle country display
Location Format - Choose between:
- Country Code (IN, US, GB)
- Full Name (India, United States, United Kingdom)

Separator - Character(s) between elements (default: "-")
- Examples: ", " or " | " or " • " or " / "
Gap - Spacing between all elements (0-100px, default: 8px)

67:T679,

Drop this ready-to-use component into any Framer site and turn a simple Google Sheet into a fully-searchable Mapbox store-locator—no APIs to wire up, no complex CMS, and zero JavaScript edits.Detailed Guide Below

What you get

1-click Framer remix file (auto-connected to Mapbox)
Step-by-step setup guide + quick-start video
Google-Sheets template (just paste your locations)
Mobile-friendly sidebar & pop-ups with image, phone, link, extras
Custom pin support—drop in your own SVG or PNG
Instant column-mapping (name, address, phone, website, image & more)

How it works

Add the component to your Framer canvas and paste your Mapbox token & style URL.
Connect the included Google Sheet—every row becomes an interactive pin.
Users can search, filter, or tap list cards; the map smoothly flies to the location.
Update the Sheet at any time—new locations sync instantly (no republish needed).

Works with any Mapbox plan and every Framer site—no extra subscriptions or code skills required!

68:T65f,

Get detaield guide below

Custom Hover Cursor

Text Mode: Display custom text when hovering ("PLAY" / "PAUSE")
Image Mode: Show custom image cursor with adjustable size
Default Mode: Standard cursor behavior

Custom Styles

Text Buttons: Clean text-based controls (e.g., "PLAY", "SOUND OFF")
Icon Buttons: Custom icons or emoji fallbacks
Hidden Controls: Minimal interface with click-to-play

Full Customization

Typography: Separate font controls for buttons and cursor text
Colors: Custom primary color and background color
Border Radius: Adjustable corner rounding
Icon Sizing: Control icon and cursor image dimensions
Button Labels: Customize all button text (Play, Pause, Mute, etc.)
Icon Upload: Use your own icons for all controls

62:["$","$L63",null,{"value":{"fallback":{"$inf$activity-creator-c2877e7a-0bea-4cd9-aa87-591e400ff3e9-all:/unified/creator/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:c2877e7a-0bea-4cd9-aa87-591e400ff3e9:/unified/posts/?creator=c2877e7a-0bea-4cd9-aa87-591e400ff3e9&with=reposts":[{"data":[{"id":"019c09d1-be83-7b9f-adb9-f25c5415bc08","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"79","resolved":true,"title":"CMS Dynamic Layout ","body":"$64","bodyJson":null,"introduction":"Dynamic layouts for CMS in Framer","slug":"cms-dynamic-layout","author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"youtube","url":"https://youtu.be/YxFmQIbzOU8?si=lrcyLscClXWfneL7","metadata":{"videoId":"YxFmQIbzOU8","title":"Dynamic Layouts for CMS Detail Pages in Framer","thumbnailUrl":"https://i.ytimg.com/vi/YxFmQIbzOU8/maxresdefault.jpg"}}],"post":null,"createdAt":"2026-01-23T16:57:46.824Z","updatedAt":"2026-01-29T12:54:26.691Z","publishedAt":"2026-01-29T12:54:26.691Z","featuredAt":null,"approvedAt":null,"type":"tutorial","attributes":{"level":"beginner","duration":1019,"summary":"Learn how to create different layouts for your CMS detail pages in Framer without creating separate pages for each project. This tutorial shows you how to use visibility conditions, components, and variants to change layouts based on your content dynamically.","categories":[{"id":"6bf792d6-94b7-455b-8d62-b13e7c02fa1d","name":"CMS","slug":"cms"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-29T12:54:26.691Z","updatedAt":"2026-01-29T12:54:26.691Z"},{"id":"019aca01-7715-71ce-a4b3-63df49346253","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"bc49kF7Tw84x209TxcQi","resolved":true,"title":"FormInput With Sound","body":"$65","bodyJson":null,"introduction":"","slug":"forminput-with-sound","author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/bc49kF7Tw84x209TxcQi/forminput-with-sound-hmtQtu0TyG6z2myduEhhOgArYeZCan","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-23T12:52:47.734Z","updatedAt":"2025-11-28T08:48:40.574Z","publishedAt":"2025-11-28T10:28:05.013Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Input-sound-1Kzu.js@qLAD1DEygDOoK9vooS5Z","previewUrl":"https://aquamarine-flow-156261.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"qLAD1DEygDOoK9vooS5Z","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-28T10:28:05.013Z","updatedAt":"2025-11-28T10:28:05.013Z"},{"id":"019ac001-a86d-7161-acb5-7b12ba4d4354","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"tsrzkhp2y9cbSQ9cBdjP","resolved":true,"title":"Local Live Timer","body":"$66","bodyJson":null,"introduction":"","slug":"local-live-timer","author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/tsrzkhp2y9cbSQ9cBdjP/local-live-timer-y6InBSpU416TnandTEqsrjIPU1WyJ2","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-24T15:35:34.495Z","updatedAt":"2025-11-26T10:58:13.210Z","publishedAt":"2025-11-26T11:52:05.485Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Local-timer-TQ4X.js@XHg2LvkdYwWqAjqf6Nhj","previewUrl":"https://ambitious-methodologies-019821.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"XHg2LvkdYwWqAjqf6Nhj","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":16,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-26T11:52:05.485Z","updatedAt":"2025-11-26T11:52:05.485Z"},{"id":"019abf77-fcd4-7368-9a14-9e2550b255d6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"1Fm33YO4GaHlT6qtrvWd","resolved":true,"title":"SiteAudioToggle","body":"

Features

Mutes/unmutes ALL audio on your website with one click
Use your own designed button variants for muted/unmuted states
Remembers user preference across page reloads
Uses localStorage to maintain mute state
Set default mute state (start muted or unmuted)

How It Works

Design two button states in Framer (muted and unmuted)
Add the component to your canvas
Assign your button variants to the component properties
The component automatically manages all audio control

","bodyJson":null,"introduction":"","slug":"siteaudiotoggle","author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/1Fm33YO4GaHlT6qtrvWd/siteaudiotoggle-XD56AUbJ19gzrpIhrDUoFqRzVy8moC","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-22T03:47:07.250Z","updatedAt":"2025-11-26T09:17:01.989Z","publishedAt":"2025-11-26T09:21:43.124Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Audio-H4Rw.js@DcxtZp4j3JIHBaP5mGRf","previewUrl":"https://fresh-list-910671.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"DcxtZp4j3JIHBaP5mGRf","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-26T09:21:43.124Z","updatedAt":"2025-11-26T09:21:43.124Z"},{"id":"019aa168-b87c-7556-925c-7e6e7f7f4ac4","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"p3lagcwrP3reFuNJftDp","resolved":true,"title":"StoreLocator","body":"$67","bodyJson":null,"introduction":"","slug":"storelocator","author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/p3lagcwrP3reFuNJftDp/storelocator-C6E9qPmc9OAbv6oCbjk3S2dnF9FrAN","metadata":{"tint":{"h":197,"s":71,"l":35},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-11T06:12:47.798Z","updatedAt":"2025-11-20T13:16:02.168Z","publishedAt":"2025-11-20T13:16:26.108Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/searchmapfinal-1-ld15.js@WZ2YKcO1RdplhwMYSEs3","previewUrl":"https://comprehensive-footprint-183467.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"WZ2YKcO1RdplhwMYSEs3","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":20,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-20T13:16:26.108Z","updatedAt":"2025-11-20T13:16:26.108Z"},{"id":"019aa129-9396-794f-9746-cda461ac1827","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"MXcZK7gmGV6XVEhxxwu8","resolved":true,"title":"Text image cursor","body":"$68","bodyJson":null,"introduction":"","slug":"text-image-cursor","author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/MXcZK7gmGV6XVEhxxwu8/text-image-cursor-W4NmjjsS14mcWiSgPOXfxVHeyLNEpG","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-11T08:11:59.851Z","updatedAt":"2025-12-23T09:37:04.831Z","publishedAt":"2025-11-20T12:07:27.894Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/text-Image-Cursor-video-player-TPfM.js@4wHCRngqqwwcPEhawFQR","previewUrl":"https://multidisciplinary-culture-806831.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"4wHCRngqqwwcPEhawFQR","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":16,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-20T12:07:27.894Z","updatedAt":"2025-11-20T12:07:27.894Z"},{"id":"019a7191-670e-725c-80d2-11f067acc22a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"9665","resolved":true,"title":"MAngo Grove","body":null,"bodyJson":null,"introduction":"Designed and developed a sophisticated website for Mango Groove, a premium farmland community that blends heritage charm with modern luxury.","slug":"mango-grove","author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/9665/thumbnail-cU0R4Obtd41fZafsuhmUqYuqOtjlsZ.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-11T06:19:05.868Z","updatedAt":"2025-11-11T06:19:05.868Z","publishedAt":"2025-11-11T06:19:05.870Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://shreedurgaventure.com/","categories":[{"id":"d26c907e-7d56-4582-9727-b7c10921b71e","name":"Community","slug":"community"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-11T06:19:05.870Z","updatedAt":"2025-11-11T06:19:05.870Z"},{"id":"01987f7e-3e4b-73c0-a7ea-d2d7c00b62ea","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"7062","resolved":true,"title":"Video portfolio","body":null,"bodyJson":null,"introduction":"An interactive video portfolio for a cinematographer, using custom video component.","slug":"video-portfolio","author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/7062/thumbnail-46hzuAyrxXhoFuGVmfspHqFu4Wqkjm.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-06T13:07:16.681Z","updatedAt":"2025-08-18T12:58:00.664Z","publishedAt":"2025-08-06T13:07:16.683Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://cavanjfaucett.com/","categories":[{"id":"6a730e3d-bdf2-42a2-ab42-eee5ef39b694","name":"Portfolio","slug":"portfolio"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-06T13:07:16.683Z","updatedAt":"2025-08-06T13:07:16.683Z"},{"id":"01987f78-fdf9-7aef-aa44-2bafb0dc735b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"xlcyTo10wxnrEqfSVv78","resolved":true,"title":"Address Autocomplete","body":"

This step by step video shows you how to install and configure a free Mapbox powered code component that you can style, validate, and ship in minutes.

","bodyJson":null,"introduction":"","slug":"address-autocomplete","author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/xlcyTo10wxnrEqfSVv78/address-autocomplete-4MfOykzzNrTm3uZG9AEhYdqWwkkAIz","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-07-31T18:34:21.168Z","updatedAt":"2025-08-06T13:00:01.134Z","publishedAt":"2025-08-06T13:01:32.537Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Addressinput-TGRQ.js@3GSQjzZt1JI2HU855y7k","previewUrl":"https://serious-status-727995.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"3GSQjzZt1JI2HU855y7k","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-06T13:01:32.537Z","updatedAt":"2025-08-06T13:01:32.537Z"},{"id":"0194cc7f-c481-769e-97b3-60b67cd3738a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"1931","resolved":true,"title":"LMRiveGauche","body":null,"bodyJson":null,"introduction":"I recently built e commerce store for LMRiveGauche a curated luxury furniture collections brand using Framer + Framer commerce which directs shoppers to buy their products online.","slug":"lmrivegauche","author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/1931/thumbnail-J8EOnr7VNI9R0MQL9nk7R4H7VBIjqe.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-02-03T15:48:33.024Z","updatedAt":"2025-06-21T18:39:16.766Z","publishedAt":"2025-02-03T15:48:33.025Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.lmrivegauche.com/","categories":[{"id":"3b2881c5-bbfb-430d-83f6-b1b0ac597b8d","name":"Ecommerce","slug":"ecommerce"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-02-03T15:48:33.025Z","updatedAt":"2025-02-03T15:48:33.025Z"},{"id":"0194cc7f-b91c-7cf3-b490-da626634b705","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"1930","resolved":true,"title":"Simple deals","body":null,"bodyJson":null,"introduction":" I built a conversion-focused landing page for a real estate lending agency which Showcases live loan rates & recently funded properties.Integrated mapbox custom code components to show live property data.","slug":"simple-deals","author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/1930/thumbnail-Nz9b8lNG8K8oXT9OMCffeDnpdVR8jb.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-02-03T15:48:30.107Z","updatedAt":"2025-06-21T18:45:21.849Z","publishedAt":"2025-02-03T15:48:30.108Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.simpledeals.io/","categories":[{"id":"b3738841-4fce-4e5d-af4b-034ff1decdba","name":"Real Estate","slug":"real-estate"},{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-02-03T15:48:30.108Z","updatedAt":"2025-02-03T15:48:30.108Z"},{"id":"0194cc7f-af83-78d1-931c-d4a6ad5c6375","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"1929","resolved":true,"title":"Zeroone","body":null,"bodyJson":null,"introduction":"I recently built e commerce store for zeroone art a digital collectibles store for Zero One, a generative art brand using Framer + Frameship. The project pushed the limits of what's possible in Framers ecommerce.","slug":"zeroone","author":{"framerUserId":"c2877e7a-0bea-4cd9-aa87-591e400ff3e9","name":"Design with bharath","slug":"bharath-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2877e7a-0bea-4cd9-aa87-591e400ff3e9/kmy0tots","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/1929/thumbnail-gnOIItLFLXBwmnYHmPgt9ySroSjwub.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-02-03T15:48:27.650Z","updatedAt":"2025-06-21T18:45:26.983Z","publishedAt":"2025-02-03T15:48:27.651Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://store.zeroone.art/","categories":[{"id":"3b2881c5-bbfb-430d-83f6-b1b0ac597b8d","name":"Ecommerce","slug":"ecommerce"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-02-03T15:48:27.651Z","updatedAt":"2025-02-03T15:48:27.651Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L69"}]