53:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/00zhqb0zqgnk3.js","/creators-assets/_next/static/immutable/chunks/0jb7r9vkvbp9b.js","/creators-assets/_next/static/immutable/chunks/3_vedwwik9kwx.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3y8qjjd_v0fjc.js","/creators-assets/_next/static/immutable/chunks/0_aohzx8_x6oa.js","/creators-assets/_next/static/immutable/chunks/2e6uhasjhfbil.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/0ccg8j7qcn1bd.js","/creators-assets/_next/static/immutable/chunks/1o0ogv90oxalc.js","/creators-assets/_next/static/immutable/chunks/0a1gpscfztyde.js","/creators-assets/_next/static/immutable/chunks/0t3q4gzvfui5n.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/41lhc7ix2xugk.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/30smfjlh8o71p.js","/creators-assets/_next/static/immutable/chunks/3-aog2q7la1hs.js","/creators-assets/_next/static/immutable/chunks/2a2w_2tavj0_e.js","/creators-assets/_next/static/immutable/chunks/3f-jmjjx_9lv_.js","/creators-assets/_next/static/immutable/chunks/10ydirfi9qu21.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/3xi9_0nh8wp68.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/1pd9j9dvaikmb.js","/creators-assets/_next/static/immutable/chunks/1dzckq15yxafa.js","/creators-assets/_next/static/immutable/chunks/2k4fp8uwg758i.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/05jm9t-fm5ei_.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1an0rrmx8vr9j.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/2q-c5-h7837do.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/40pcohi_mocbm.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 54:T579,

Github Contribution Graph

Show your coding activity on your Framer site with a GitHub-style contribution graph. Type in a GitHub username or paste a profile URL and the component pulls in the last year of real contribution data. Leave the field blank and it shows a generated demo graph, so it looks good while you design.

Features

Live GitHub data from a username or full profile URL, with a demo-data fallback if the user isn't found or the request fails
Animated cell reveal with adjustable duration and stagger, which can replay when the graph scrolls into view
Hover tooltips showing the contribution count and date for each day
Customizable colors for all five activity levels, plus background, text and accent
Adjustable weeks, days per week, cell size, gap and corner radius
Optional frame, title, subtitle, weekday labels, month labels and legend
Static-safe rendering: animations and hover effects are disabled on the Framer canvas and in exports

Good for Developer portfolios, personal sites, and "About" or "Activity" sections.

Setup Drop the component onto your canvas, enter a GitHub username in the properties panel, and style it to match your site.

55:T6fa,

Elias Varga – Portfolio Template for DevOps Engineers

A clean, fast portfolio that shows your work as clearly as your pipelines.

Description

Elias Varga is a Framer portfolio template for DevOps engineers, cloud engineers, SREs, and other technical professionals who want a site that looks as polished as the systems they build.

It has a minimal, modern design that keeps the focus on your projects, your writing, and your expertise. No clutter and no gimmicks, just a clear structure that lets visitors see what you do within seconds.

Features

Rich built-in CMS: Manage your projects and articles directly in Framer. Add, edit, and reorder content without touching the layout.

Work showcase: Present your projects, infrastructure builds, and case studies in a clean grid, with room for the details that matter.

Articles: A minimal, readable article layout for technical write-ups, tutorials, and thoughts. Built for long-form reading.

Light and dark mode: Both themes are designed with care, so your site looks great whichever your visitors prefer.

Fully customizable: Change colors, fonts, and sections in Framer's visual editor. No code required.

Who it's for

- DevOps and cloud engineers

- Site reliability engineers

- Backend and platform engineers

- Freelancers and consultants in tech

Getting started

- Remix the template in Framer.

- Replace the placeholder content in the CMS with your own projects and articles.

- Adjust colors and fonts to match your style.

- Publish.

56:T77a,

Elias Varga – Portfolio Template for DevOps Engineers

A clean, fast portfolio that shows your work as clearly as your pipelines.

Description

Elias Varga is a Framer portfolio template for DevOps engineers, cloud engineers, SREs, and other technical professionals who want a site that looks as polished as the systems they build.

Features

Rich built-in CMS: Manage your projects and articles directly in Framer. Add, edit, and reorder content without touching the layout.
Work showcase: Present your projects, infrastructure builds, and case studies in a clean grid, with room for the details that matter.
Articles: A minimal, readable article layout for technical write-ups, tutorials, and thoughts. Built for long-form reading.
Light and dark mode: Both themes are designed with care, so your site looks great whichever your visitors prefer.
Fully customizable: Change colors, fonts, and sections in Framer's visual editor. No code required.

Who it's for

DevOps and cloud engineers
Site reliability engineers
Backend and platform engineers
Freelancers and consultants in tech

Getting started

Remix the template in Framer.
Replace the placeholder content in the CMS with your own projects and articles.
Adjust colors and fonts to match your style.
Publish.

57:T9ac,

Odin LLM — AI Chatbot for Framer

Give your site a voice. A fully custom, animated AI chat widget that answers questions about you, your product, or your business — grounded only in what you tell it.

Most portfolio and business sites make visitors dig for answers. Odin LLM lets them just ask. Drop this component into any Framer site and it becomes a live, branded AI assistant that knows exactly what you want it to know — nothing more, nothing invented.

Why Odin LLM

Speaks as you, not about you — answers in first person, grounded only in the background info you provide. No hallucinated facts, no generic AI-assistant tone.
Remembers the conversation — follows context across a session, so visitors can ask natural follow-up questions instead of repeating themselves. Resets automatically on refresh.
Fully brandable — every color, size, border radius, position, and animation is a visual property control in Framer. No code editing required after setup.
Genuinely free to run — works with free-tier AI providers. No credit card required to get started.
Built for any use case — portfolios, SaaS products, agencies, law firms, consultants — anywhere visitors have questions your site doesn't directly answer.

How it works

Full step-by-step setup guide and GitHub repo included — written for Framer creators with zero backend experience.

Guide: https://yoab.framer.website/articles/i-gave-my-framer-site-a-brain-(and-you-can-steal-it)

Perfect for

Personal portfolios that want to feel interactive, not static
SaaS landing pages answering product questions on the spot
Law firms and consultancies fielding common client questions
Agencies showcasing work through conversation instead of scrolling

Support

If you need help with the component or have any issues while using it, feel free to reach out.

Email: yoab.design@gmail.com

58:T916,

Price Estimator - Interactive Pricing Calculator

A fully interactive, drag-to-price calculator component for pricing pages — built to convert visitors by letting them see their exact cost in real time instead of scanning a static pricing table.

Key Features

Live price calculation — every slider move instantly recalculates and displays the total monthly cost, no page reload or extra logic needed.
Unlimited custom sliders — add, remove and reorder up to 6 sliders directly from the Framer canvas. Each slider has its own label, unit text (singular/plural), min/max/step range, included allowance, and price-per-unit — so it works for seats, usage, storage, API calls, or any metric your pricing model needs.
Monthly/Annual billing toggle — built-in switch applies your discount percentage across the whole calculation automatically.
Live cost breakdown — automatically itemizes base price plus the extra cost from each slider, so users understand exactly what they're paying for.
20+ color controls — restyle every element (panel, surface, accent, headings, badge, breakdown text, CTA, toggle, and more) without touching code, so it matches any brand.
Editable copy everywhere — eyebrow text, heading, subheading, footnote, base price label, and toggle labels are all editable strings, no need to duplicate the component for different plans.
Responsive out of the box — collapses to a single column automatically on smaller breakpoints.
No code required — every feature above is controlled through Framer's property panel, so designers can fully configure it without editing the component.

Why it's better than a static pricing table Static tables force visitors to guess which tier fits them. This calculator removes that friction — users see a personalized, live price as they adjust their needs, which builds trust and reduces "contact us for pricing" drop-off, all while staying 100% on-brand and requiring zero code changes to set up.

52:["$","$L53",null,{"value":{"fallback":{"$inf$activity-creator-bb7b40ff-0dbc-4830-887d-df4e4dd3641e-all:/unified/creator/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/activity/":[{"data":[{"id":"01a101ff-ec0f-76c5-ba53-17b99bb7286a","type":"comment.reply","target":{"type":"post","id":"01a101db-c2b8-7320-a9e4-20b435891065","preview":"Github Graph","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a101d6-cc11-744f-8d54-f5601b38e1ad.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a101db-c2b8-7320-a9e4-20b435891065","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a101ff-ebf5-748a-a12d-fcf8c5440391","preview":"Thanks!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a101db-c2b8-7320-a9e4-20b435891065","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a101f8-ffab-7720-85ae-e05beecd106e"},"repost":null}},"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-03T13:41:51.759Z","latestAt":"2026-10-03T13:41:51.759Z"},{"id":"01a101ff-d96b-708f-b231-f3f13a46da67","type":"comment.liked","target":{"type":"comment","id":"01a101f8-ffab-7720-85ae-e05beecd106e","preview":"Love it!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Love it!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a101db-c2b8-7320-a9e4-20b435891065","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a101f8-ffab-7720-85ae-e05beecd106e"},"repost":null}},"context":{"type":"post","id":"01a101db-c2b8-7320-a9e4-20b435891065","preview":"Github Graph","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a101d6-cc11-744f-8d54-f5601b38e1ad.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a101db-c2b8-7320-a9e4-20b435891065","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-03T13:41:46.973Z","latestAt":"2026-10-03T13:41:46.973Z"},{"id":"01a101f1-66dc-70c9-a987-3ec28c34d266","type":"comment.liked","target":{"type":"comment","id":"01a101f0-97ee-7557-9158-4e69ed8df37f","preview":"A live GitHub contribution graph with hover tooltips is a clever proof piece for developer portfolios. Animated reveals work best if there is a reduced-motion fallback so the chart still reads cleanly when motion is limited.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A live GitHub contribution graph with hover tooltips is a clever proof piece for developer portfolios. Animated reveals work best if there is a reduced-motion fallback so the chart still reads cleanly when motion is limited."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a101db-c2b8-7320-a9e4-20b435891065","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a101f0-97ee-7557-9158-4e69ed8df37f"},"repost":null}},"context":{"type":"post","id":"01a101db-c2b8-7320-a9e4-20b435891065","preview":"Github Graph","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a101d6-cc11-744f-8d54-f5601b38e1ad.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a101db-c2b8-7320-a9e4-20b435891065","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-03T13:26:00.150Z","latestAt":"2026-10-03T13:26:00.150Z"},{"id":"01a101db-c51f-75a6-bbb9-6c9da6e6c6bb","type":"component.created","target":{"type":"component","id":"VwBPFwykdKBx6Z0sb7Kf","preview":"Github Graph","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a101d6-cc11-744f-8d54-f5601b38e1ad.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-03T13:02:22.495Z","latestAt":"2026-10-03T13:02:22.495Z"},{"id":"01a1017a-5ebe-7575-82e6-b9a622b5da5e","type":"comment.liked","target":{"type":"comment","id":"01a0fcff-7900-73e9-9082-8088dbd215c0","preview":"Woah","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Woah"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0fcbf-0ead-721f-ac3d-e9d7d13cf404","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0fcff-7900-73e9-9082-8088dbd215c0"},"repost":null}},"context":{"type":"post","id":"01a0fcbf-0ead-721f-ac3d-e9d7d13cf404","preview":"Meet Elias Varga, a Framer template built for DevOps engineers who want a site as clean as their pipelines.\nSharp and ready to publish in minutes.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Elias Varga","marks":[{"type":"bold"}]},{"type":"text","text":", a Framer template built for DevOps engineers who want a site as clean as their pipelines."}]},{"type":"paragraph","content":[{"type":"text","text":"Sharp and ready to publish in minutes."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0fcba-360f-74f8-b0f3-b3fc9fd31c12.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0fcbf-0ead-721f-ac3d-e9d7d13cf404","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-03T11:15:59.287Z","latestAt":"2026-10-03T11:15:59.287Z"},{"id":"01a0fcea-f9fe-7568-85f8-e535ac3f41f7","type":"comment.reply","target":{"type":"post","id":"01a0fcbf-0ead-721f-ac3d-e9d7d13cf404","preview":"Meet Elias Varga, a Framer template built for DevOps engineers who want a site as clean as their pipelines.\nSharp and ready to publish in minutes.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Elias Varga","marks":[{"type":"bold"}]},{"type":"text","text":", a Framer template built for DevOps engineers who want a site as clean as their pipelines."}]},{"type":"paragraph","content":[{"type":"text","text":"Sharp and ready to publish in minutes."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0fcba-360f-74f8-b0f3-b3fc9fd31c12.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0fcbf-0ead-721f-ac3d-e9d7d13cf404","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0fcea-f9e8-72fd-8134-5c9f7d8c2fed","preview":"thanks","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"thanks"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0fcbf-0ead-721f-ac3d-e9d7d13cf404","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0fce2-6538-729a-8f2b-e63e65ae045a"},"repost":null}},"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-02T14:00:52.990Z","latestAt":"2026-10-02T14:00:52.990Z"},{"id":"01a0fcea-dbeb-75bf-85da-06d35474dc0e","type":"comment.liked","target":{"type":"comment","id":"01a0fce2-6538-729a-8f2b-e63e65ae045a","preview":"love the clean editorial layout","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"love the clean editorial layout"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0fcbf-0ead-721f-ac3d-e9d7d13cf404","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0fce2-6538-729a-8f2b-e63e65ae045a"},"repost":null}},"context":{"type":"post","id":"01a0fcbf-0ead-721f-ac3d-e9d7d13cf404","preview":"Meet Elias Varga, a Framer template built for DevOps engineers who want a site as clean as their pipelines.\nSharp and ready to publish in minutes.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Elias Varga","marks":[{"type":"bold"}]},{"type":"text","text":", a Framer template built for DevOps engineers who want a site as clean as their pipelines."}]},{"type":"paragraph","content":[{"type":"text","text":"Sharp and ready to publish in minutes."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0fcba-360f-74f8-b0f3-b3fc9fd31c12.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0fcbf-0ead-721f-ac3d-e9d7d13cf404","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-02T14:00:44.432Z","latestAt":"2026-10-02T14:00:44.432Z"},{"id":"01a0fce8-69fb-721f-9c51-7e6e282d101a","type":"template.created","target":{"type":"template","id":"74508","preview":"Elias Varga","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0fcd6-24bb-7076-80e0-b5822ec9ab35.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-02T13:58:05.051Z","latestAt":"2026-10-02T13:58:05.051Z"},{"id":"01a0ed75-c9c6-701b-932c-d41d4f385704","type":"creator.followed","target":{"type":"creator","id":"8ad17b48-4db5-4a81-940f-74fa32a13c18","preview":"Nimesh Bhuva","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8ad17b48-4db5-4a81-940f-74fa32a13c18/z125fco9","slug":"nimesh-bhuva","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-29T13:58:34.689Z","latestAt":"2026-09-29T13:58:34.689Z"},{"id":"01a0e1c9-9548-765d-8117-95756f645ae7","type":"comment.liked","target":{"type":"comment","id":"01a0dd4b-895c-715d-bacb-56dae6630e78","preview":"Yep","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Yep"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0dd48-7249-74be-a6b5-98cf0eb76f31","like":{"count":2,"liked":false},"reply":{"parentCommentId":"01a0dd4b-895c-715d-bacb-56dae6630e78"},"repost":null}},"context":{"type":"post","id":"01a0dd48-7249-74be-a6b5-98cf0eb76f31","preview":"Where is the impressions number? is it gone?? @Framer","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Where is the impressions number? is it gone?? "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0dd48-0605-7418-8e94-86b2715b24c5.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0dd48-7249-74be-a6b5-98cf0eb76f31","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-27T07:34:39.683Z","latestAt":"2026-09-27T07:34:39.683Z"},{"id":"01a0d2c7-2f67-7626-b869-b3eac5e56475","type":"post.liked","target":{"type":"post","id":"01a0cfa5-b741-7588-a81e-f06136eac44c","preview":"Designed and animated with Framer Agent in seconds. Book A Call!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Designed and animated with Framer Agent in seconds. "},{"type":"text","text":"Book A Call!","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://cal.com/xmuhammadtalha/project-discovery-call","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/Saf01EHNXF2gZsudaTzNNQEDL01LngJnhKKyP6Guvfq100/thumbnail.webp?time=1.233","targetDeleted":false,"owned":false,"actions":{"postId":"01a0cfa5-b741-7588-a81e-f06136eac44c","like":{"count":2,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-24T09:37:44.285Z","latestAt":"2026-09-24T09:37:44.285Z"},{"id":"01a0a805-88d8-756d-a82e-f504595bfc20","type":"creator.followed","target":{"type":"creator","id":"40f6503e-82bc-414c-857d-9c6ecf194c2d","preview":"Lee Jay Robertson","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/39055/wkmqxpBap-Tru25F9wK9othCS4ksgbfezvmh8lvJ","slug":"lee-jay-robertson","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T02:22:10.132Z","latestAt":"2026-09-16T02:22:10.132Z"},{"id":"01a0a4cf-b916-764b-a491-8230728a4cce","type":"post.liked","target":{"type":"post","id":"01a0a3fe-a2af-70ef-8c0e-08ad9b913dd6","preview":"NOIRR - Creative Digital Agency Website\nCreative Digital Agency Website — NOIRR is a free Portfolio website template for Framer, on the Framer Marketplace. Build on it with Framer's agent, directly on the canvas.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"NOIRR - Creative Digital Agency Website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://noir.framer.wiki/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Creative Digital Agency Website — NOIRR is a free Portfolio website template for Framer, on the Framer Marketplace. Build on it with Framer's agent, directly on the canvas."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/fbbfbfc4-611c-4ee7-9558-90509c39dc73/01a0a3fd-2d92-71c1-a880-3351ee84fcb4.webp","targetDeleted":false,"owned":false,"actions":{"postId":"01a0a3fe-a2af-70ef-8c0e-08ad9b913dd6","like":{"count":29,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-15T11:24:31.889Z","latestAt":"2026-09-15T11:24:31.889Z"},{"id":"01a0a4cf-aac8-74e7-b172-40c36466c60d","type":"site.liked","target":{"type":"site","id":"17525","preview":"Site Level","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/072367a8-16c3-4b27-80c7-1f881eb926fd/01a0a4a5-1ce2-740d-89ff-dadfeb74cd45.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-09-15T11:24:28.228Z","latestAt":"2026-09-15T11:24:28.228Z"},{"id":"01a09fe7-3de2-76bc-8319-b0f28df4d295","type":"component.created","target":{"type":"component","id":"loHm3R89a2h5yWBI5Df1","preview":"Odin — AI Chatbot","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0a4a5-0cb3-73f3-888b-751d7b34fef0.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-14T12:32:07.138Z","latestAt":"2026-09-14T12:32:07.138Z"},{"id":"01a0704a-6295-73db-b776-783682a0c16a","type":"post.liked","target":{"type":"post","id":"01a06c6b-d842-75ed-9a58-edf603fab65b","preview":"🎉 🎉 🎉","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}},{"type":"text","text":" "}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cf79b33d-8ec3-4bf2-8cf4-822e63f6c190/01a06c6b-a15f-750c-8d97-5aafd1bcebdc.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"01a06c6b-d842-75ed-9a58-edf603fab65b","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-05T06:38:38.224Z","latestAt":"2026-09-05T06:38:38.224Z"},{"id":"01a06602-182d-71c1-b676-a740ef55b219","type":"creator.followed","target":{"type":"creator","id":"c6d0aad4-c0dd-4029-861d-0cd6aaa6f3f4","preview":"Gustavo H. ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c6d0aad4-c0dd-4029-861d-0cd6aaa6f3f4/94zcb8k9","slug":"madebygustavoh","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-03T06:43:28.424Z","latestAt":"2026-09-03T06:43:28.424Z"},{"id":"01a03d06-70c3-77a9-b425-817ff7d0e06e","type":"post.liked","target":{"type":"post","id":"01a03001-809e-759e-b069-323e7a01aab2","preview":"Just made my first ever comission. Not a Huge amount but we have to start somewhere ;)","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just made my first ever comission. Not a Huge amount but we have to start somewhere ;)"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0e5ef2ef-5768-4b29-b22b-211af54dfcec/01a03000-fc53-775d-9a01-d87c8d6b6c0d.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"01a03001-809e-759e-b069-323e7a01aab2","like":{"count":28,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T07:43:47.383Z","latestAt":"2026-08-26T07:43:47.383Z"},{"id":"01a03d05-b5ca-7017-8bd4-7105560cb667","type":"comment.created","target":{"type":"post","id":"01a03001-809e-759e-b069-323e7a01aab2","preview":"Just made my first ever comission. Not a Huge amount but we have to start somewhere ;)","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just made my first ever comission. Not a Huge amount but we have to start somewhere ;)"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0e5ef2ef-5768-4b29-b22b-211af54dfcec/01a03000-fc53-775d-9a01-d87c8d6b6c0d.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"01a03001-809e-759e-b069-323e7a01aab2","like":{"count":28,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a03d05-b5ac-714f-927a-4cbbbb1204c5","preview":"Congrats man!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Congrats man!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a03001-809e-759e-b069-323e7a01aab2","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a03d05-b5ac-714f-927a-4cbbbb1204c5"},"repost":null}},"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T07:42:59.530Z","latestAt":"2026-08-26T07:42:59.530Z"},{"id":"01a032c6-27a0-73ac-a485-7b6065a1f472","type":"post.liked","target":{"type":"post","id":"01a03080-e216-77ef-ad49-30c876177b3f","preview":"is it okay?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"is it okay?"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2b33eac4-4422-4c15-ba75-80a068fa9086/01a03080-d215-7079-af4b-f1ba222460d5.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a03080-e216-77ef-ad49-30c876177b3f","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","slug":"yoabdesign","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-24T07:57:22.194Z","latestAt":"2026-08-24T07:57:22.194Z"}],"pagination":{"next":"MjAyNi0wOC0yNFQwNzo1NzoyMi4xOTRafDAxYTAzMmM2LTI3YTAtNzNhYy1hNDg1LTdiNjA2NWExZjQ3Mg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:bb7b40ff-0dbc-4830-887d-df4e4dd3641e:/unified/posts/?creator=bb7b40ff-0dbc-4830-887d-df4e4dd3641e&with=reposts":[{"data":[{"id":"01a101db-c2b8-7320-a9e4-20b435891065","title":null,"body":"

Just released a new Framer component: Github Contribution Graph 🟩

Drop in a GitHub username and it pulls your real activity for the past year, in a clean GitHub-style grid. Animated reveal, hover tooltips, and every color is customizable.

Perfect for developer portfolios.

Grab it on the Framer Marketplace

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just released a new Framer component: "},{"type":"text","text":"Github","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"Contribution Graph","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"green_square","emoji":"🟩"}}]},{"type":"paragraph","content":[{"type":"text","text":"Drop in a GitHub username and it pulls your real activity for the past year, in a clean GitHub-style grid. Animated reveal, hover tooltips, and every color is customizable."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for developer portfolios."}]},{"type":"paragraph","content":[{"type":"text","text":"Grab it on the Framer Marketplace"}]}]},"author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"VwBPFwykdKBx6Z0sb7Kf","resolved":true,"title":"Github Graph","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Github Contribution Graph","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Show your coding activity on your Framer site with a GitHub-style contribution graph. Type in a GitHub username or paste a profile URL and the component pulls in the last year of real contribution data. Leave the field blank and it shows a generated demo graph, so it looks good while you design."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live GitHub data from a username or full profile URL, with a demo-data fallback if the user isn't found or the request fails"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated cell reveal with adjustable duration and stagger, which can replay when the graph scrolls into view"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover tooltips showing the contribution count and date for each day"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable colors for all five activity levels, plus background, text and accent"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable weeks, days per week, cell size, gap and corner radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional frame, title, subtitle, weekday labels, month labels and legend"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-safe rendering: animations and hover effects are disabled on the Framer canvas and in exports"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Good for","marks":[{"type":"bold"}]},{"type":"text","text":" Developer portfolios, personal sites, and \"About\" or \"Activity\" sections."}]},{"type":"paragraph","content":[{"type":"text","text":"Setup","marks":[{"type":"bold"}]},{"type":"text","text":" Drop the component onto your canvas, enter a GitHub username in the properties panel, and style it to match your site."}]}]},"introduction":"Github Contribution Graph","slug":"github-graph","author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a101d6-cc11-744f-8d54-f5601b38e1ad.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-10-03T13:02:21.172Z","updatedAt":"2026-10-03T13:02:21.172Z","publishedAt":"2026-10-03T13:02:21.169Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Github-graph-d5fABe.js@1mQFnnJsEPa653QE2TD5","previewUrl":"https://yoab-components.framer.website/github-graph","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"1mQFnnJsEPa653QE2TD5","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-03T13:02:21.881Z","updatedAt":"2026-10-03T13:02:21.881Z"},{"id":"01a0fce8-65c6-70d9-b1fe-ce9cd1bb9839","title":null,"body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elias Varga – Portfolio Template for DevOps Engineers","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A clean, fast portfolio that shows your work as clearly as your pipelines."}]},{"type":"paragraph","content":[{"type":"text","text":"Description","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Elias Varga is a Framer portfolio template for DevOps engineers, cloud engineers, SREs, and other technical professionals who want a site that looks as polished as the systems they build."}]},{"type":"paragraph","content":[{"type":"text","text":"It has a minimal, modern design that keeps the focus on your projects, your writing, and your expertise. No clutter and no gimmicks, just a clear structure that lets visitors see what you do within seconds."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Rich built-in CMS:","marks":[{"type":"bold"}]},{"type":"text","text":" Manage your projects and articles directly in Framer. Add, edit, and reorder content without touching the layout."}]},{"type":"paragraph","content":[{"type":"text","text":"Work showcase:","marks":[{"type":"bold"}]},{"type":"text","text":" Present your projects, infrastructure builds, and case studies in a clean grid, with room for the details that matter."}]},{"type":"paragraph","content":[{"type":"text","text":"Articles:","marks":[{"type":"bold"}]},{"type":"text","text":" A minimal, readable article layout for technical write-ups, tutorials, and thoughts. Built for long-form reading."}]},{"type":"paragraph","content":[{"type":"text","text":"Light and dark mode:","marks":[{"type":"bold"}]},{"type":"text","text":" Both themes are designed with care, so your site looks great whichever your visitors prefer."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Change colors, fonts, and sections in Framer's visual editor. No code required."}]},{"type":"paragraph","content":[{"type":"text","text":"Who it's for","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- DevOps and cloud engineers"}]},{"type":"paragraph","content":[{"type":"text","text":"- Site reliability engineers"}]},{"type":"paragraph","content":[{"type":"text","text":"- Backend and platform engineers"}]},{"type":"paragraph","content":[{"type":"text","text":"- Freelancers and consultants in tech"}]},{"type":"paragraph","content":[{"type":"text","text":"Getting started","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Remix the template in Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"- Replace the placeholder content in the CMS with your own projects and articles."}]},{"type":"paragraph","content":[{"type":"text","text":"- Adjust colors and fonts to match your style."}]},{"type":"paragraph","content":[{"type":"text","text":"- Publish."}]}]},"author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"74508","resolved":true,"title":"Elias Varga","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elias Varga – Portfolio Template for DevOps Engineers","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A clean, fast portfolio that shows your work as clearly as your pipelines."}]},{"type":"paragraph","content":[{"type":"text","text":"Description","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Elias Varga is a Framer portfolio template for DevOps engineers, cloud engineers, SREs, and other technical professionals who want a site that looks as polished as the systems they build."}]},{"type":"paragraph","content":[{"type":"text","text":"It has a minimal, modern design that keeps the focus on your projects, your writing, and your expertise. No clutter and no gimmicks, just a clear structure that lets visitors see what you do within seconds."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rich built-in CMS:","marks":[{"type":"bold"}]},{"type":"text","text":" Manage your projects and articles directly in Framer. Add, edit, and reorder content without touching the layout."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Work showcase:","marks":[{"type":"bold"}]},{"type":"text","text":" Present your projects, infrastructure builds, and case studies in a clean grid, with room for the details that matter."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Articles:","marks":[{"type":"bold"}]},{"type":"text","text":" A minimal, readable article layout for technical write-ups, tutorials, and thoughts. Built for long-form reading."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Light and dark mode:","marks":[{"type":"bold"}]},{"type":"text","text":" Both themes are designed with care, so your site looks great whichever your visitors prefer."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Change colors, fonts, and sections in Framer's visual editor. No code required."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Who it's for","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"DevOps and cloud engineers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Site reliability engineers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Backend and platform engineers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Freelancers and consultants in tech"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Getting started","marks":[{"type":"bold"}]}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Remix the template in Framer."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Replace the placeholder content in the CMS with your own projects and articles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust colors and fonts to match your style."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish."}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"DevOps Engineer Portfolio","slug":"elias-varga","author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0fcd6-24bb-7076-80e0-b5822ec9ab35.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0fcd6-e9e6-7369-bd58-adecc36a6c57.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0fcd9-19f4-73ad-9522-7032ddb6e422.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-10-02T13:58:02.048Z","updatedAt":"2026-10-02T13:58:02.048Z","publishedAt":"2026-10-02T13:58:02.018Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/dAlJVfx","remixUrl":"https://framer.link/dAlJVfx","previewUrl":"https://eliasvarga.framer.website/","categories":[{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"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":"2026-10-02T13:58:03.974Z","updatedAt":"2026-10-02T13:58:03.974Z"},{"id":"01a0fcbf-0ead-721f-ac3d-e9d7d13cf404","title":null,"body":"

Meet Elias Varga, a Framer template built for DevOps engineers who want a site as clean as their pipelines.

Sharp and ready to publish in minutes.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Elias Varga","marks":[{"type":"bold"}]},{"type":"text","text":", a Framer template built for DevOps engineers who want a site as clean as their pipelines."}]},{"type":"paragraph","content":[{"type":"text","text":"Sharp and ready to publish in minutes."}]}]},"author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0fcba-360f-74f8-b0f3-b3fc9fd31c12.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0fcbb-8f1e-76f2-bd4f-7db3dcab39c7.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0fcbc-2be2-721b-956e-c51605311d9b.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":4},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T13:12:54.707Z","updatedAt":"2026-10-02T13:12:54.707Z","repostedBy":{"creator":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4"},"repostId":"01a0fcc0-ab9c-767f-aab7-004708eb84cf","repostedAt":"2026-10-02T13:14:40.414Z"}},{"id":"01a0fcbf-0ead-721f-ac3d-e9d7d13cf404","title":null,"body":"

Meet Elias Varga, a Framer template built for DevOps engineers who want a site as clean as their pipelines.

Sharp and ready to publish in minutes.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Elias Varga","marks":[{"type":"bold"}]},{"type":"text","text":", a Framer template built for DevOps engineers who want a site as clean as their pipelines."}]},{"type":"paragraph","content":[{"type":"text","text":"Sharp and ready to publish in minutes."}]}]},"author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0fcba-360f-74f8-b0f3-b3fc9fd31c12.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0fcbb-8f1e-76f2-bd4f-7db3dcab39c7.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0fcbc-2be2-721b-956e-c51605311d9b.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":4},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T13:12:54.707Z","updatedAt":"2026-10-02T13:12:54.707Z"},{"id":"01a0dd48-7249-74be-a6b5-98cf0eb76f31","title":null,"body":"

Where is the impressions number? is it gone?? @Framer

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Where is the impressions number? is it gone?? "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]}]},"author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0dd48-0605-7418-8e94-86b2715b24c5.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1318,"height":772}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-26T10:35:07.724Z","updatedAt":"2026-09-26T10:35:07.724Z"},{"id":"01a0a561-6085-7169-a1e7-a5f0134d9d18","title":null,"body":"

We're launching our first plugin: Drop

Drop turns a JSON tokens file into real Framer styles. Drag a file in, and Drop creates matching Styles in your project's Assets — light and dark variants for colors included. Keep your design system as the source of truth; let Drop keep Framer in sync.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We're launching our first plugin: "},{"type":"text","text":"Drop","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop turns a JSON tokens file into real Framer styles. Drag a file in, and Drop creates matching Styles in your project's Assets — light and dark variants for colors included. Keep your design system as the source of truth; let Drop keep Framer in sync."}]},{"type":"paragraph"}]},"author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0a55f-4cda-7518-9d75-ae13b06afbfb.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2160,"height":2160}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":2,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T14:03:37.483Z","updatedAt":"2026-09-15T14:03:37.483Z","repostedBy":{"creator":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4"},"repostId":"01a0a561-814c-76aa-97c7-8420a4f2c779","repostedAt":"2026-09-15T14:03:45.870Z"}},{"id":"01a0a561-6085-7169-a1e7-a5f0134d9d18","title":null,"body":"

We're launching our first plugin: Drop

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We're launching our first plugin: "},{"type":"text","text":"Drop","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop turns a JSON tokens file into real Framer styles. Drag a file in, and Drop creates matching Styles in your project's Assets — light and dark variants for colors included. Keep your design system as the source of truth; let Drop keep Framer in sync."}]},{"type":"paragraph"}]},"author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0a55f-4cda-7518-9d75-ae13b06afbfb.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2160,"height":2160}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":2,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T14:03:37.483Z","updatedAt":"2026-09-15T14:03:37.483Z"},{"id":"01a0a431-3a93-7625-bdd3-95410484bea1","title":null,"body":"

Odin LLM is now free for a limited time. Go grab it, test it and integrate to your Framer site in less than 10 minutes. Also published a deep step by step guide to integrating it.

Guide: https://yoab.framer.website/articles/i-gave-my-framer-site-a-brain-(and-you-can-steal-it)

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Odin LLM is now "},{"type":"text","text":"free","marks":[{"type":"bold"}]},{"type":"text","text":" for a limited time. Go grab it, test it and integrate to your Framer site in less than 10 minutes. Also published a deep step by step guide to integrating it."}]},{"type":"paragraph","content":[{"type":"text","text":"Guide: "},{"type":"text","text":"https://yoab.framer.website/articles/i-gave-my-framer-site-a-brain-(and-you-can-steal-it)","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://yoab.framer.website/articles/i-gave-my-framer-site-a-brain-(and-you-can-steal-it)","target":"_blank"}}]}]}]},"author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0a430-9ef8-71ab-b8c4-f18e498b2f52.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1620,"height":1620}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":2,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T08:31:24.823Z","updatedAt":"2026-09-15T08:31:24.823Z","repostedBy":{"creator":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4"},"repostId":"01a0a431-897a-772b-addb-b22cb35e6f04","repostedAt":"2026-09-15T08:31:45.020Z"}},{"id":"01a0a431-3a93-7625-bdd3-95410484bea1","title":null,"body":"

Odin LLM is now free for a limited time. Go grab it, test it and integrate to your Framer site in less than 10 minutes. Also published a deep step by step guide to integrating it.

Guide: https://yoab.framer.website/articles/i-gave-my-framer-site-a-brain-(and-you-can-steal-it)

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Odin LLM is now "},{"type":"text","text":"free","marks":[{"type":"bold"}]},{"type":"text","text":" for a limited time. Go grab it, test it and integrate to your Framer site in less than 10 minutes. Also published a deep step by step guide to integrating it."}]},{"type":"paragraph","content":[{"type":"text","text":"Guide: "},{"type":"text","text":"https://yoab.framer.website/articles/i-gave-my-framer-site-a-brain-(and-you-can-steal-it)","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://yoab.framer.website/articles/i-gave-my-framer-site-a-brain-(and-you-can-steal-it)","target":"_blank"}}]}]}]},"author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0a430-9ef8-71ab-b8c4-f18e498b2f52.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1620,"height":1620}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":2,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T08:31:24.823Z","updatedAt":"2026-09-15T08:31:24.823Z"},{"id":"01a09fe7-3b8a-779f-9b48-52ed120aaf4d","title":null,"body":"

Odin LLM — AI Chatbot for Framer

Give your site a voice. A fully custom, animated AI chat widget that answers questions about you, your product, or your business — grounded only in what you tell it.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Odin LLM — AI Chatbot for Framer"}]},{"type":"paragraph","content":[{"type":"text","text":"Give your site a voice. A fully custom, animated AI chat widget that answers questions about you, your product, or your business — grounded only in what you tell it."}]}]},"author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"loHm3R89a2h5yWBI5Df1","resolved":true,"title":"Odin — AI Chatbot","body":"$57","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Odin LLM — AI Chatbot for Framer"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Give your site a voice. A fully custom, animated AI chat widget that answers questions about you, your product, or your business — grounded only in what you tell it.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Most portfolio and business sites make visitors dig for answers. Odin LLM lets them just ask. Drop this component into any Framer site and it becomes a live, branded AI assistant that knows exactly what you want it to know — nothing more, nothing invented."}]},{"type":"customHeading","content":[{"type":"text","text":"Why Odin LLM"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Speaks as you, not about you","marks":[{"type":"bold"}]},{"type":"text","text":" — answers in first person, grounded only in the background info you provide. No hallucinated facts, no generic AI-assistant tone."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Remembers the conversation","marks":[{"type":"bold"}]},{"type":"text","text":" — follows context across a session, so visitors can ask natural follow-up questions instead of repeating themselves. Resets automatically on refresh."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully brandable","marks":[{"type":"bold"}]},{"type":"text","text":" — every color, size, border radius, position, and animation is a visual property control in Framer. No code editing required after setup."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Genuinely free to run","marks":[{"type":"bold"}]},{"type":"text","text":" — works with free-tier AI providers. No credit card required to get started."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built for any use case","marks":[{"type":"bold"}]},{"type":"text","text":" — portfolios, SaaS products, agencies, law firms, consultants — anywhere visitors have questions your site doesn't directly answer."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How it works"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Full step-by-step setup guide and GitHub repo included","marks":[{"type":"bold"}]},{"type":"text","text":" — written for Framer creators with zero backend experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Guide: "},{"type":"text","text":"https://yoab.framer.website/articles/i-gave-my-framer-site-a-brain-(and-you-can-steal-it)","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://yoab.framer.website/articles/i-gave-my-framer-site-a-brain-(and-you-can-steal-it)","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Personal portfolios that want to feel interactive, not static"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS landing pages answering product questions on the spot"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Law firms and consultancies fielding common client questions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agencies showcasing work through conversation instead of scrolling"}]},{"type":"paragraph"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"If you need help with the component or have any issues while using it, feel free to reach out.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Email: ","marks":[{"type":"bold"}]},{"type":"text","text":"yoab.design@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:yoab.design@gmail.com","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Odin LLM — AI Chatbot for Framer","slug":"odin-ai-chatbot","author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0a4a5-0cb3-73f3-888b-751d7b34fef0.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-09-14T12:32:05.900Z","updatedAt":"2026-10-01T13:00:17.105Z","publishedAt":"2026-09-14T12:32:05.896Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Odin-chatbot-AODLCq.js@QXJlBV7wB1C7KPZzCivo","previewUrl":"https://yoab-components.framer.website/odin-chatbot","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"QXJlBV7wB1C7KPZzCivo","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":"2026-09-14T12:32:06.539Z","updatedAt":"2026-09-14T12:32:06.539Z"},{"id":"01a07abd-a16e-740a-b90e-96e3ed8407fb","title":null,"body":"

Meet Odin LLM 🤖 — an AI chat assistant you can drop into any Framer website.

Originally built for my own portfolio, but it's flexible enough for SaaS products, law firms, agencies, or any site that wants visitors to just ask instead of digging through pages.

✨ Key features:

- Remembers the conversation as you chat (resets on refresh)

- Draggable, animated popup UI with typewriter-style replies

- Clickable links straight to relevant pages or resources

- Smart fallback questions that rotate, never repeat

- Fully responsive — clean on mobile, split-view on desktop

- Fully customizable branding, colors, and layout

Will publish it as a component soon!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet Odin LLM "},{"type":"emoji","attrs":{"name":"robot","emoji":"🤖"}},{"type":"text","text":" — an AI chat assistant you can drop into any Framer website."}]},{"type":"paragraph","content":[{"type":"text","text":"Originally built for my own portfolio, but it's flexible enough for SaaS products, law firms, agencies, or any site that wants visitors to just ask instead of digging through pages."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Key features:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Remembers the conversation as you chat (resets on refresh)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Draggable, animated popup UI with typewriter-style replies"}]},{"type":"paragraph","content":[{"type":"text","text":"- Clickable links straight to relevant pages or resources"}]},{"type":"paragraph","content":[{"type":"text","text":"- Smart fallback questions that rotate, never repeat"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fully responsive — clean on mobile, split-view on desktop"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fully customizable branding, colors, and layout"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Will publish it as a component soon!"}]}]},"author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/012lWKW00bkrGZ001NapfwRCZADBbDlp012dCV8k5tt85YQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/012lWKW00bkrGZ001NapfwRCZADBbDlp012dCV8k5tt85YQ/thumbnail.webp?time=20.2","aspectRatio":"151:85","duration":101.883333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-07T07:20:43.130Z","updatedAt":"2026-09-07T07:20:43.130Z","repostedBy":{"creator":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4"},"repostId":"01a07abd-e3a0-738f-9b4f-37c06ee1f754","repostedAt":"2026-09-07T07:21:00.066Z"}},{"id":"01a07abd-a16e-740a-b90e-96e3ed8407fb","title":null,"body":"

Meet Odin LLM 🤖 — an AI chat assistant you can drop into any Framer website.

Originally built for my own portfolio, but it's flexible enough for SaaS products, law firms, agencies, or any site that wants visitors to just ask instead of digging through pages.

✨ Key features:

- Remembers the conversation as you chat (resets on refresh)

- Draggable, animated popup UI with typewriter-style replies

- Clickable links straight to relevant pages or resources

- Smart fallback questions that rotate, never repeat

- Fully responsive — clean on mobile, split-view on desktop

- Fully customizable branding, colors, and layout

Will publish it as a component soon!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet Odin LLM "},{"type":"emoji","attrs":{"name":"robot","emoji":"🤖"}},{"type":"text","text":" — an AI chat assistant you can drop into any Framer website."}]},{"type":"paragraph","content":[{"type":"text","text":"Originally built for my own portfolio, but it's flexible enough for SaaS products, law firms, agencies, or any site that wants visitors to just ask instead of digging through pages."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Key features:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Remembers the conversation as you chat (resets on refresh)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Draggable, animated popup UI with typewriter-style replies"}]},{"type":"paragraph","content":[{"type":"text","text":"- Clickable links straight to relevant pages or resources"}]},{"type":"paragraph","content":[{"type":"text","text":"- Smart fallback questions that rotate, never repeat"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fully responsive — clean on mobile, split-view on desktop"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fully customizable branding, colors, and layout"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Will publish it as a component soon!"}]}]},"author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/012lWKW00bkrGZ001NapfwRCZADBbDlp012dCV8k5tt85YQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/012lWKW00bkrGZ001NapfwRCZADBbDlp012dCV8k5tt85YQ/thumbnail.webp?time=20.2","aspectRatio":"151:85","duration":101.883333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-07T07:20:43.130Z","updatedAt":"2026-09-07T07:20:43.130Z"},{"id":"01a04cf8-8491-7348-a3a8-0e6a180a8c66","title":null,"body":"

Working on simple plugin that lets you import a simple, human-written JSON with colors and textStyles arrays and create Framer styles automatically. You can import all styles that Framer supports. I built it for my own projects and been using it for a while, will publish it to the marketplace soon

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Working on simple plugin that lets you import a "},{"type":"text","text":"simple, human-written JSON","marks":[{"type":"bold"}]},{"type":"text","text":" with "},{"type":"text","text":"colors","marks":[{"type":"code"}]},{"type":"text","text":" and "},{"type":"text","text":"textStyles","marks":[{"type":"code"}]},{"type":"text","text":" arrays and create Framer styles automatically. You can import all styles that Framer supports. I built it for my own projects and been using it for a while, will publish it to the marketplace soon"}]}]},"author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/3hfrUjgdHOKrEDIX6coxeiOIWpvk4v6bOR001JRi2hxM.m3u8","metadata":{"posterUrl":"https://image.mux.com/3hfrUjgdHOKrEDIX6coxeiOIWpvk4v6bOR001JRi2hxM/thumbnail.webp?time=29.7","aspectRatio":"16:9","duration":34.8}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-29T10:02:30.421Z","updatedAt":"2026-08-29T10:02:30.421Z","repostedBy":{"creator":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4"},"repostId":"01a04cf9-0a2d-727b-9beb-7a9ebd8561b1","repostedAt":"2026-08-29T10:03:04.623Z"}},{"id":"01a04cf8-8491-7348-a3a8-0e6a180a8c66","title":null,"body":"

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Working on simple plugin that lets you import a "},{"type":"text","text":"simple, human-written JSON","marks":[{"type":"bold"}]},{"type":"text","text":" with "},{"type":"text","text":"colors","marks":[{"type":"code"}]},{"type":"text","text":" and "},{"type":"text","text":"textStyles","marks":[{"type":"code"}]},{"type":"text","text":" arrays and create Framer styles automatically. You can import all styles that Framer supports. I built it for my own projects and been using it for a while, will publish it to the marketplace soon"}]}]},"author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/3hfrUjgdHOKrEDIX6coxeiOIWpvk4v6bOR001JRi2hxM.m3u8","metadata":{"posterUrl":"https://image.mux.com/3hfrUjgdHOKrEDIX6coxeiOIWpvk4v6bOR001JRi2hxM/thumbnail.webp?time=29.7","aspectRatio":"16:9","duration":34.8}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-29T10:02:30.421Z","updatedAt":"2026-08-29T10:02:30.421Z"},{"id":"01a02965-85eb-73f5-8a97-ac10dee35af3","title":null,"body":"

Price Estimator - Interactive Pricing Calculator

A fully interactive, drag-to-price calculator component for pricing pages — built to convert visitors by letting them see their exact cost in real time instead of scanning a static pricing table.

https://framer.link/GsMpKWS

Price Estimator - Interactive Pricing Calculator

https://framer.link/GsMpKWS

Price Estimator - Interactive Pricing Calculator

A fully interactive, drag-to-price calculator component for pricing pages — built to convert visitors by letting them see their exact cost in real time instead of scanning a static pricing table.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Price Estimator - Interactive Pricing Calculator","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A fully interactive, drag-to-price calculator component for pricing pages — built to convert visitors by letting them see their exact cost in real time instead of scanning a static pricing table."}]}]},"author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"eMekGNCZl7mAAbHdXmLC","resolved":true,"title":"Price Estimator","body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Price Estimator - Interactive Pricing Calculator","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A fully interactive, drag-to-price calculator component for pricing pages — built to convert visitors by letting them see their exact cost in real time instead of scanning a static pricing table."}]},{"type":"paragraph","content":[{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live price calculation","marks":[{"type":"bold"}]},{"type":"text","text":" — every slider move instantly recalculates and displays the total monthly cost, no page reload or extra logic needed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlimited custom sliders","marks":[{"type":"bold"}]},{"type":"text","text":" — add, remove and reorder up to 6 sliders directly from the Framer canvas. Each slider has its own label, unit text (singular/plural), min/max/step range, included allowance, and price-per-unit — so it works for seats, usage, storage, API calls, or any metric your pricing model needs."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Monthly/Annual billing toggle","marks":[{"type":"bold"}]},{"type":"text","text":" — built-in switch applies your discount percentage across the whole calculation automatically."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live cost breakdown","marks":[{"type":"bold"}]},{"type":"text","text":" — automatically itemizes base price plus the extra cost from each slider, so users understand exactly what they're paying for."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"20+ color controls","marks":[{"type":"bold"}]},{"type":"text","text":" — restyle every element (panel, surface, accent, headings, badge, breakdown text, CTA, toggle, and more) without touching code, so it matches any brand."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editable copy everywhere","marks":[{"type":"bold"}]},{"type":"text","text":" — eyebrow text, heading, subheading, footnote, base price label, and toggle labels are all editable strings, no need to duplicate the component for different plans."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive out of the box","marks":[{"type":"bold"}]},{"type":"text","text":" — collapses to a single column automatically on smaller breakpoints."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No code required","marks":[{"type":"bold"}]},{"type":"text","text":" — every feature above is controlled through Framer's property panel, so designers can fully configure it without editing the component."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Why it's better than a static pricing table","marks":[{"type":"bold"}]},{"type":"text","text":" Static tables force visitors to guess which tier fits them. This calculator removes that friction — users see a personalized, live price as they adjust their needs, which builds trust and reduces \"contact us for pricing\" drop-off, all while staying 100% on-brand and requiring zero code changes to set up."}]}]},"introduction":"Interactive Pricing Calculator","slug":"price-estimator","author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/01a0295c-c6ac-744c-a1dd-1c52ce2da7c4.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-08-22T12:12:19.264Z","updatedAt":"2026-08-22T12:12:19.264Z","publishedAt":"2026-08-22T12:12:19.258Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/PricingCalculatorV1-ZcbEUp.js@LdAtzcDJFKhWZjBpiarw","previewUrl":"https://yoab-components.framer.website/custom-pricing","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"LdAtzcDJFKhWZjBpiarw","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":"2026-08-22T12:12:19.847Z","updatedAt":"2026-08-22T12:12:19.847Z"},{"id":"01a026b2-00e4-7389-88a4-d6071dbaaf26","title":null,"body":"

🎉Completed Moona agency website design + development. Really satisfied on the result!!

The website is live at: moonastudio.build.et

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}},{"type":"text","text":"Completed Moona agency website design + development. Really satisfied on the result!!"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"The website is live at: "},{"type":"text","text":"moonastudio.build.et","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://moonastudio.build.et","target":"_blank"}}]},{"type":"text","text":" "}]}]},"author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/MADCI02zclPvHtd802FE3G1zBfqWhDiNlL00Bo8xLmX8ro.m3u8","metadata":{"posterUrl":"https://image.mux.com/MADCI02zclPvHtd802FE3G1zBfqWhDiNlL00Bo8xLmX8ro/thumbnail.webp?time=10.117","aspectRatio":"1:1","duration":80.95}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":3,"edited":true,"editedAt":"2026-08-21T23:41:11.463Z","createdAt":"2026-08-21T23:39:54.984Z","updatedAt":"2026-08-21T23:41:11.463Z","repostedBy":{"creator":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4"},"repostId":"01a026b2-21ae-708c-b3a1-0df827b36905","repostedAt":"2026-08-21T23:40:03.375Z"}},{"id":"01a026b2-00e4-7389-88a4-d6071dbaaf26","title":null,"body":"

🎉Completed Moona agency website design + development. Really satisfied on the result!!

The website is live at: moonastudio.build.et

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}},{"type":"text","text":"Completed Moona agency website design + development. Really satisfied on the result!!"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"The website is live at: "},{"type":"text","text":"moonastudio.build.et","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://moonastudio.build.et","target":"_blank"}}]},{"type":"text","text":" "}]}]},"author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/MADCI02zclPvHtd802FE3G1zBfqWhDiNlL00Bo8xLmX8ro.m3u8","metadata":{"posterUrl":"https://image.mux.com/MADCI02zclPvHtd802FE3G1zBfqWhDiNlL00Bo8xLmX8ro/thumbnail.webp?time=10.117","aspectRatio":"1:1","duration":80.95}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":3,"edited":true,"editedAt":"2026-08-21T23:41:11.463Z","createdAt":"2026-08-21T23:39:54.984Z","updatedAt":"2026-08-21T23:41:11.463Z"},{"id":"01a02476-91b4-71a8-8b3e-61e7d7933be3","title":null,"body":"

Quick Framer Tip:

Setting your frames to relative sizing gets you most of the way to a working breakpoint almost instantly. Type scale and grid columns still need your hand on them, but that's the part that's actually enjoyable anyway.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Quick Framer Tip:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Setting your frames to relative sizing gets you most of the way to a working breakpoint almost instantly. Type scale and grid columns still need your hand on them, but that's the part that's actually enjoyable anyway."}]}]},"author":{"framerUserId":"bb7b40ff-0dbc-4830-887d-df4e4dd3641e","name":"Yoab","slug":"yoabdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb7b40ff-0dbc-4830-887d-df4e4dd3641e/lm6u12r4","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-21T13:15:45.464Z","updatedAt":"2026-08-21T13:15:45.464Z"}],"pagination":{"next":"MDFhMDI0NzYtOTFiNC03MWE4LThiM2UtNjFlN2Q3OTMzYmUz","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L59"}]