51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T64b,

Turn raw model scores into polished, publication-grade benchmark visuals directly inside Framer.

Inspired by the visual language of modern benchmark reporting, the component combines clean typography, segmented progress bars, uncertainty margins, animated reveals, and configurable branding into a single drop-in module.

Features

Fully customizable benchmark rows
Adjustable percentage scores and error margins
Configurable accent colors, gradients, and pattern styling
Support for company names and optional logos
Precision control over border radius, spacing, and line thickness
Smooth “On Appear” entrance animations which can be toggled to "Layer in View"
Publication-ready layout for AI benchmarks and comparison charts
Responsive and optimized for modern editorial layouts

Ideal Use Cases

AI model leaderboards
SaaS comparison charts
Research reports
Technical blog visuals
Startup landing pages
Product performance dashboards
Investor presentations
Benchmark and evaluation datasets

Designed for Modern AI & Data-Driven Interfaces

Whether you are publishing LLM evaluations, internal KPIs, coding benchmarks, or product rankings, Benchmark Bar helps transform flat statistics into visually credible UI components that feel native to high-end research and technology platforms.

*No Refunds

53:T75f,

This cutting-edge Framer code component is a UX delight, slightly changing how users interact with CMS headers in blog posts, offering a seamless and visually engaging experience.

With dynamic functionality, users can easily display and customize headers, ensuring a structured and user-friendly reading journey. Each header is automatically anchor-linked to its respective section, allowing for intuitive in-page navigation.

When a user clicks on a header within the dropdown, the menu gracefully closes with a smooth, refined animation, enhancing the overall fluidity of the interaction.

As users scroll down the page, they’ll notice a dynamic interplay of motion and feedback: a percentage-based progress button elegantly updates on the right, while a circular progress indicator on the left provides an intuitive visual cue for reading completion. This dual-animation system not only keeps readers informed about their progress but also adds a sophisticated layer of interactivity to the browsing experience.

Additionally, when the dropdown is expanded, a dynamic “minute read” estimate appears exclusively for CMS-based posts. This feature instantly informs users of the estimated time required to read the article, helping them manage their engagement and set expectations before diving into the content.

To further enhance focus and readability, expanding the dropdown triggers a subtle background blur overlay that extends across the full height of the viewport. This effect ensures that the reader’s attention remains on the essential content, minimizing distractions and reinforcing high-quality UX design principles.

With its thoughtful design, smooth animations, and data-driven interactivity, this advanced Framer component elevates content consumption, creating a more immersive and intuitive reading experience for users.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-d6ca2b4a-1e2a-4059-bae4-cbb96b476897-all:/unified/creator/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/activity/":[{"data":[{"id":"01a03e26-948e-75fa-abdf-e0547eaec9a4","type":"comment.reply","target":{"type":"post","id":"01a03e18-4a9c-73ac-9965-380c5a89a471","preview":"Can we talk about the marketplace buyer problem? I lost count of the number of times I have received forwarding emails from Polar support, because yet another Framer noob went and bought one of my explicitly non-refundable components, has no idea how to use it despite my providing instructions in the file, and then is mad at me, the seller, thinking I have somehow not provided what was claimed, and requesting a refund for a $20 component. \nThen I have to go explain why it is always actually the 'buyer' who has no idea what they're doing, they inevitably realize their mistake, and move on. It is all so tiresome, and I do not know how to make it more clear.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Can we talk about the marketplace buyer problem? I lost count of the number of times I have received forwarding emails from Polar support, because yet another Framer noob went and bought one of my explicitly non-refundable components, has no idea how to use it despite my providing instructions in the file, and then is mad at me, the seller, thinking I have somehow not provided what was claimed, and requesting a refund for a $20 component. "}]},{"type":"paragraph","content":[{"type":"text","text":"Then I have to go explain why it is always actually the 'buyer' who has no idea what they're doing, they inevitably realize their mistake, and move on. It is all so tiresome, and I do not know how to make it more clear. "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a03e18-4a9c-73ac-9965-380c5a89a471","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a03e26-9473-76de-8603-20855e964d66","preview":"so painful dude lol","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"so painful dude lol"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a03e18-4a9c-73ac-9965-380c5a89a471","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a03e22-4891-702a-834b-d9b231803919"},"repost":null}},"actors":[{"id":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","slug":"garry","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T12:58:30.926Z","latestAt":"2026-08-26T12:58:30.926Z"},{"id":"01a03e25-f626-724e-96cd-087648cf9302","type":"comment.liked","target":{"type":"comment","id":"01a03e22-4891-702a-834b-d9b231803919","preview":"the polar forwarding emails, know that pain","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"the polar forwarding emails, know that pain"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a03e18-4a9c-73ac-9965-380c5a89a471","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a03e22-4891-702a-834b-d9b231803919"},"repost":null}},"context":{"type":"post","id":"01a03e18-4a9c-73ac-9965-380c5a89a471","preview":"Can we talk about the marketplace buyer problem? I lost count of the number of times I have received forwarding emails from Polar support, because yet another Framer noob went and bought one of my explicitly non-refundable components, has no idea how to use it despite my providing instructions in the file, and then is mad at me, the seller, thinking I have somehow not provided what was claimed, and requesting a refund for a $20 component. \nThen I have to go explain why it is always actually the 'buyer' who has no idea what they're doing, they inevitably realize their mistake, and move on. It is all so tiresome, and I do not know how to make it more clear.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Can we talk about the marketplace buyer problem? I lost count of the number of times I have received forwarding emails from Polar support, because yet another Framer noob went and bought one of my explicitly non-refundable components, has no idea how to use it despite my providing instructions in the file, and then is mad at me, the seller, thinking I have somehow not provided what was claimed, and requesting a refund for a $20 component. "}]},{"type":"paragraph","content":[{"type":"text","text":"Then I have to go explain why it is always actually the 'buyer' who has no idea what they're doing, they inevitably realize their mistake, and move on. It is all so tiresome, and I do not know how to make it more clear. "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a03e18-4a9c-73ac-9965-380c5a89a471","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","slug":"garry","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T12:57:50.367Z","latestAt":"2026-08-26T12:57:50.367Z"},{"id":"019f58c5-bd64-735f-890a-084831ca40a5","type":"plugin.liked","target":{"type":"plugin","id":"582","preview":"WEBP Image Converter","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/582-gYmCbEafpJXGawYfekx2zWFz11Sf4L","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","slug":"garry","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-07-12T23:59:41.905Z","latestAt":"2026-07-12T23:59:41.905Z"},{"id":"019ed2c0-175f-778f-9f6d-5975ec4d8e4b","type":"creator.followed","target":{"type":"creator","id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","preview":"Fred Moon","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","slug":"garry","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-16T23:24:24.796Z","latestAt":"2026-06-16T23:24:24.796Z"},{"id":"019ed2bf-7635-7338-b547-d8a78a1fb8e6","type":"creator.followed","target":{"type":"creator","id":"fb6b3eab-fefc-4950-b739-6d3eb19ae1f4","preview":"Fabian Albert","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29162/avatar-XtcB8JOFOBWTfkZQZV1z0TDNUGtBTM.jpg","slug":"fabian-albert","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","slug":"garry","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-16T23:23:43.535Z","latestAt":"2026-06-16T23:23:43.535Z"},{"id":"019ed2bf-69c6-75ee-95c7-778c12f2a39c","type":"creator.followed","target":{"type":"creator","id":"37b5379e-8528-4d58-b64d-2992f7419ca4","preview":"Benjamin","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29147/2023-WBSnEDajvDyYkxy4c7fORpAbblGpHu.png","slug":"benjamin","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","slug":"garry","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-16T23:23:40.354Z","latestAt":"2026-06-16T23:23:40.354Z"},{"id":"019ed2bf-207c-7207-87d4-bd7e071d2d72","type":"creator.followed","target":{"type":"creator","id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","preview":"Framer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107446/xpZr8yYS_400x400-2-MqZMjb2zlessnXickTqkyAzkfqz6le.jpg","slug":"framer","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","slug":"garry","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-16T23:23:21.591Z","latestAt":"2026-06-16T23:23:21.591Z"},{"id":"019ed2bf-19e9-77af-b20a-f9d2e9421d17","type":"creator.followed","target":{"type":"creator","id":"11d8da97-fe40-4d7b-a259-7f3794afeac4","preview":"Jorn van Dijk","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29589/cqFVF7952-l2jqnGwomkIsBoDtYdLMJIesrijJId","slug":"jornvandijk","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","slug":"garry","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-16T23:23:19.910Z","latestAt":"2026-06-16T23:23:19.910Z"},{"id":"019ed2bd-81c4-74ed-a50e-c086638482aa","type":"creator.followed","target":{"type":"creator","id":"9fe0915a-1d2c-44d4-ae44-5251ad7dce8f","preview":"Cédric","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28870/avatar.jpg","slug":"cedric","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","slug":"garry","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-16T23:21:35.425Z","latestAt":"2026-06-16T23:21:35.425Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:d6ca2b4a-1e2a-4059-bae4-cbb96b476897:/unified/posts/?creator=d6ca2b4a-1e2a-4059-bae4-cbb96b476897&with=reposts":[{"data":[{"id":"01a03e18-4a9c-73ac-9965-380c5a89a471","title":null,"body":"

Can we talk about the marketplace buyer problem? I lost count of the number of times I have received forwarding emails from Polar support, because yet another Framer noob went and bought one of my explicitly non-refundable components, has no idea how to use it despite my providing instructions in the file, and then is mad at me, the seller, thinking I have somehow not provided what was claimed, and requesting a refund for a $20 component.

Then I have to go explain why it is always actually the 'buyer' who has no idea what they're doing, they inevitably realize their mistake, and move on. It is all so tiresome, and I do not know how to make it more clear.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Can we talk about the marketplace buyer problem? I lost count of the number of times I have received forwarding emails from Polar support, because yet another Framer noob went and bought one of my explicitly non-refundable components, has no idea how to use it despite my providing instructions in the file, and then is mad at me, the seller, thinking I have somehow not provided what was claimed, and requesting a refund for a $20 component. "}]},{"type":"paragraph","content":[{"type":"text","text":"Then I have to go explain why it is always actually the 'buyer' who has no idea what they're doing, they inevitably realize their mistake, and move on. It is all so tiresome, and I do not know how to make it more clear. "}]}]},"author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","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":6,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-26T12:42:54.512Z","updatedAt":"2026-08-26T12:42:54.512Z"},{"id":"01a033ee-f5c4-73bd-9cb9-68fe86eddda5","title":null,"body":"

I really wish Linear could replace Slack, because I really do not like Slack.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I really wish Linear could replace Slack, because I really do not like Slack. "}]}]},"author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a033ee-50b5-7052-b4ba-aae3cf16b059.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":3024,"height":1890}}],"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-08-24T13:21:33.647Z","updatedAt":"2026-08-24T13:21:33.647Z"},{"id":"019f3339-18a2-7678-b311-cc4908b7d5a5","title":null,"body":"

For this button I have two shader animations as its default state. One is a halftone animation and the other is a gradient with a blur, then as a hover effect, I added a corner reticle to juxtapose the rounded corners.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"For this button I have two shader animations as its default state. One is a halftone animation and the other is a gradient with a blur, then as a hover effect, I added a corner reticle to juxtapose the rounded corners. "}]}]},"author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/aIk1wcEUKh56d9ikdKWp5bqns5402BFcpN201tnlRfp1E.m3u8","metadata":{"posterUrl":"https://image.mux.com/aIk1wcEUKh56d9ikdKWp5bqns5402BFcpN201tnlRfp1E/thumbnail.webp?time=5.277","aspectRatio":"1:1","duration":7.401667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-05T17:00:07.718Z","updatedAt":"2026-07-05T17:00:07.718Z"},{"id":"019e6457-0304-787a-b4fd-389672a35068","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"GeWx1wK37j8D7XEek88p","resolved":true,"title":"Benchmark Bar","body":"$52","bodyJson":null,"introduction":"Turn raw data into polished visuals","slug":"benchmark-bar","author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/GeWx1wK37j8D7XEek88p/benchmark-bar-T0AP4imZNudBIbnaAwfxY1TZgINtkH","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-13T16:58:37.327Z","updatedAt":"2026-05-26T10:24:16.704Z","publishedAt":"2026-05-26T12:51:24.548Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://benchmarkbar.framer.website/","price":"30","paymentUrl":"https://polar.sh/checkout/polar_c_N7tZRXX6TIKA7iMkVOhbPhtt87kUsSctHw83Q0s4421","workshop":true,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"9lSOmYGn4tFWu0NjeWFg","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-05-26T12:51:24.548Z","updatedAt":"2026-05-26T12:51:24.548Z"},{"id":"019ce856-1e7b-7635-8ae0-776725bb5c60","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"13907","resolved":true,"title":"Atoms","body":"

Framer development for Atoms, a company focused on physical automation across food, mining, and transport. The site pairs a dark, restrained visual system with a motion-led introduction and a directory of its companies. Visitors can explore the company vision, announcements, and career opportunities, with company cards providing clear routes to each business. The company directory connects the broad automation mission to individual businesses, while the Vision page uses long-form writing and landscape imagery to expand on that mission. Large headings and compact navigation keep the content hierarchy clear across these different page types.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer development for Atoms, a company focused on physical automation across food, mining, and transport. The site pairs a dark, restrained visual system with a motion-led introduction and a directory of its companies. Visitors can explore the company vision, announcements, and career opportunities, with company cards providing clear routes to each business. The company directory connects the broad automation mission to individual businesses, while the Vision page uses long-form writing and landscape imagery to expand on that mission. Large headings and compact navigation keep the content hierarchy clear across these different page types."}]}]},"introduction":"Atoms builds physical automation for food, mining, and transport.","slug":"atoms","author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/13907/thumbnail-Z9osnDwhrFYnkcJ57U0VAx6xt3ciDD.jpg","metadata":{"tint":{"h":30,"s":29,"l":22},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a107ee-f71c-7265-aae3-63a0a0aa61a4.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1150,"height":747}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a107ee-f718-779c-b237-b30ce069fa8b.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1150,"height":747}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a107ee-f71b-70cf-a69a-a525da0fdfac.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1150,"height":747}}],"post":null,"createdAt":"2026-03-13T17:54:43.962Z","updatedAt":"2026-10-04T17:21:40.726Z","publishedAt":"2026-03-13T17:54:43.963Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://atoms.co/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"},{"id":"1fec15c2-ca4a-4d52-bf3a-c04e6d002202","name":"SaaS","slug":"saas"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-13T17:54:43.963Z","updatedAt":"2026-03-13T17:54:43.963Z"},{"id":"019bc79e-222b-73bf-bad7-aaf7281903b9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"11858","resolved":true,"title":"Lab37","body":"

Framer development for Lab37, a robotics company building automated systems for food preparation and assembly. The site introduces Bowl Builder through large product imagery, a step-by-step explanation, and supporting pages for software, food science, and the lab. A clean monochrome layout gives technical content room to breathe, with clear paths for product inquiries and careers. Product storytelling continues on the software pages, where interface previews explain menu management and kitchen operations. The combination of full-width machine imagery, focused feature sections, and detailed software views makes the product easier to explore at different levels of technical depth.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer development for Lab37, a robotics company building automated systems for food preparation and assembly. The site introduces Bowl Builder through large product imagery, a step-by-step explanation, and supporting pages for software, food science, and the lab. A clean monochrome layout gives technical content room to breathe, with clear paths for product inquiries and careers. Product storytelling continues on the software pages, where interface previews explain menu management and kitchen operations. The combination of full-width machine imagery, focused feature sections, and detailed software views makes the product easier to explore at different levels of technical depth."}]}]},"introduction":"Lab37 combines robotics and bowl building using a technology that brings profitability, reliability, and consistency to food service.","slug":"lab37","author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/11858/thumbnail-uL7Ucgnj7KbT70a9feLO5EX9LBeEIW.jpg","metadata":{"tint":{"h":0,"s":0,"l":17},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a107f0-5ab3-7398-80c3-555e21c2f4c0.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1150,"height":747}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a107f0-5a78-7051-aad5-afbc488ee768.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1150,"height":747}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a107f0-5ab3-71ae-b355-f0ad36bc72ca.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1150,"height":747}}],"post":null,"createdAt":"2026-01-16T16:23:08.074Z","updatedAt":"2026-10-04T17:23:03.591Z","publishedAt":"2026-01-16T16:23:08.075Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.lab37.us/","categories":[{"id":"1fec15c2-ca4a-4d52-bf3a-c04e6d002202","name":"SaaS","slug":"saas"},{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"},{"id":"0539c25a-136d-4f8b-a2e7-342a21b7d607","name":"AI","slug":"ai"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-16T16:23:08.075Z","updatedAt":"2026-01-16T16:23:08.075Z"},{"id":"019a938e-a62a-7d98-855d-fe43ba4db0a6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"9914","resolved":true,"title":"Farmstand","body":"

A Framer website for Farmstand, a food brand serving salads, bowls, sides, and desserts. Bright green typography and produce photography introduce the brand, followed by a structured menu with dish images and descriptions. Persistent ordering links connect the browsing experience to online ordering, while the compact navigation keeps the menu and contact options easy to find. Menu categories give the browsing experience a clear rhythm, with consistent cards for individual dishes and visual breaks between sections. A separate location selector carries the same green-led identity into the practical step of choosing where to order, keeping the brand and ordering journey connected.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A Framer website for Farmstand, a food brand serving salads, bowls, sides, and desserts. Bright green typography and produce photography introduce the brand, followed by a structured menu with dish images and descriptions. Persistent ordering links connect the browsing experience to online ordering, while the compact navigation keeps the menu and contact options easy to find. Menu categories give the browsing experience a clear rhythm, with consistent cards for individual dishes and visual breaks between sections. A separate location selector carries the same green-led identity into the practical step of choosing where to order, keeping the brand and ordering journey connected."}]}]},"introduction":"A delightful mix of Mediterranean superfood bowls in NYC and Pittsburgh, by The Hungry Group. ","slug":"farmstand","author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/9914/thumbnail-c1GbJfM3p8Hw02IaVjoq5aZ3yEaODy.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a10837-be61-73c7-be85-77528b3905d9.png","metadata":{"tint":{"h":120,"s":80,"l":16},"width":1150,"height":747}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a10837-be4e-74cc-abb2-20973d221a00.png","metadata":{"tint":{"h":120,"s":80,"l":16},"width":1150,"height":747}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a10837-be40-72ef-a843-8a0afae74f58.png","metadata":{"tint":{"h":120,"s":80,"l":16},"width":1180,"height":757}}],"post":null,"createdAt":"2025-11-17T20:43:10.760Z","updatedAt":"2026-10-04T18:41:21.968Z","publishedAt":"2025-11-17T20:43:10.762Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://eat-farmstand.com/","categories":[{"id":"46b2cb88-832c-48ca-80df-2845470e47fb","name":"Restaurant","slug":"restaurant"},{"id":"3b2881c5-bbfb-430d-83f6-b1b0ac597b8d","name":"Ecommerce","slug":"ecommerce"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-17T20:43:10.762Z","updatedAt":"2025-11-17T20:43:10.762Z"},{"id":"019953d2-e3f8-7122-bb6a-39c2b124e9f7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"TNGO3Yb5pFhQC16D1BVv","resolved":true,"title":"TOC Reveal (CMS)","body":"

This Table of Contents (TOC) component for CMS delivers a smooth, intuitive user experience powered by dynamic CMS functionality. Each heading is anchor-linked for easy in-page navigation, with the dropdown menu closing gracefully after selection. More than a simple TOC, it dynamically organizes content: parent headings reveal their child headings as users scroll, keeping navigation contextual and concise.

To prevent the TOC from becoming overwhelming, sections are grouped and expand or collapse automatically, supported by visual cues like white lines and animated blue progress bars that track scrolling progress. With full support of H1-H6, the component balances clarity and simplicity. It’s fully responsive, ensuring that even on mobile devices, long-form content remains accessible and elegantly navigable.

","bodyJson":null,"introduction":"","slug":"toc-reveal-cms","author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/TNGO3Yb5pFhQC16D1BVv/toc-reveal-PHLgo5LChYAR05Y6HLRqRSqSLlN8sL","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-03T15:44:21.546Z","updatedAt":"2025-09-16T18:34:07.874Z","publishedAt":"2025-09-16T18:39:13.912Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://revealtoc.framer.website/blog/getting-started","price":"20","paymentUrl":"https://buy.polar.sh/polar_cl_UMkD74BUC6CqZ5TaS836556PG6nv39EirC7by2iicOb","workshop":true,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"1zYd6kMyVtbemsBy6xLx","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-16T18:39:13.912Z","updatedAt":"2025-09-16T18:39:13.912Z"},{"id":"019899f1-d8b2-7687-87ec-6e27c57bef72","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"mDcJxuMHoHSRNHZLlFLA","resolved":true,"title":"TOC Island (CMS)","body":"$53","bodyJson":null,"introduction":"","slug":"toc-island-cms","author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/mDcJxuMHoHSRNHZLlFLA/toc-island-cms-Y1hHYqE9jlqel4D5vQZeHR6BkM9I21","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-07-31T18:34:42.745Z","updatedAt":"2025-08-11T15:46:53.092Z","publishedAt":"2025-08-11T16:23:40.466Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://tocdynamicisland.framer.website/blog/table-of-contents-dynamic-island?editSite","price":"20","paymentUrl":"https://buy.polar.sh/polar_cl_LXOsiu69N2W4SHelSudKNW3a2zrt3CNnEy9zt2ye8Bf","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"ufoox8XHqFjWhdSvbfA1","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-11T16:23:40.466Z","updatedAt":"2025-08-11T16:23:40.466Z"},{"id":"01977a1c-f0a3-7361-8600-6f4311efe805","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"5829","resolved":true,"title":"Alchemy Collective","body":"

Brand identity and Framer website for Alchemy Collective, a therapy and wellness practice in Texas. I moved the website from Wix to Framer, pairing a cerulean-led palette with serif typography and custom icons. The site brings services, retreat programs, practitioner profiles, and locations into one experience, with clear routes to explore care options and request a consultation. Dedicated About and Team pages extend that visual language through spacious editorial layouts and practitioner cards. Nature imagery and a clear hierarchy connect the practice introduction with the people behind it, helping visitors move from an overview of the collective to more specific information about its approach and services.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Brand identity and Framer website for Alchemy Collective, a therapy and wellness practice in Texas. I moved the website from Wix to Framer, pairing a cerulean-led palette with serif typography and custom icons. The site brings services, retreat programs, practitioner profiles, and locations into one experience, with clear routes to explore care options and request a consultation. Dedicated About and Team pages extend that visual language through spacious editorial layouts and practitioner cards. Nature imagery and a clear hierarchy connect the practice introduction with the people behind it, helping visitors move from an overview of the collective to more specific information about its approach and services."}]}]},"introduction":"A collective of professionals who go beyond symptom management, with an emphasis on intensive retreats.","slug":"alchemy-collective","author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/5829/thumbnail-gUlW0DsQ2PLCiEXBJyaxoDcESnrSrW.jpg","metadata":{"tint":{"h":180,"s":50,"l":6},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a10839-e22c-74fe-bebc-def9405cfc9d.png","metadata":{"tint":{"h":210,"s":67,"l":9},"width":1150,"height":747}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a10839-e1f7-7678-9321-f68c9a839a90.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1150,"height":747}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a10839-e23f-73b8-8c6b-cb4cd9d57a8e.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1150,"height":747}}],"post":null,"createdAt":"2025-06-16T19:00:06.434Z","updatedAt":"2026-10-04T18:43:39.067Z","publishedAt":"2025-06-16T19:00:06.435Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://alchemycollectiveaustin.com/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-06-16T19:00:06.435Z","updatedAt":"2025-06-16T19:00:06.435Z"},{"id":"01974207-f360-722c-ba39-34c9a66e0038","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"5427","resolved":true,"title":"Hungry Cowgirl","body":"

I developed Hungry Cowgirl’s website in Framer for Lab37, bringing its bold Tex-Mex identity into a food-first experience. Oversized lettering, warm red and cream backgrounds, and lifestyle photography give the site its character. Dedicated menu, about, contact, and location pages connect the brand story with practical information and a clear route to ordering. The menu uses individual food cards to organize bowl choices, while the Our Story page combines editorial copy with photography. These distinct page types carry the same typography and color palette through the experience, giving the brand a consistent presence from its opening impression to the menu and ordering links.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I developed Hungry Cowgirl’s website in Framer for Lab37, bringing its bold Tex-Mex identity into a food-first experience. Oversized lettering, warm red and cream backgrounds, and lifestyle photography give the site its character. Dedicated menu, about, contact, and location pages connect the brand story with practical information and a clear route to ordering. The menu uses individual food cards to organize bowl choices, while the Our Story page combines editorial copy with photography. These distinct page types carry the same typography and color palette through the experience, giving the brand a consistent presence from its opening impression to the menu and ordering links."}]}]},"introduction":"The Hungry Cowgirl, situated in Pittsburgh, offers a contemporary Tex-Mex dining experience that harmoniously blends bold Southwestern flavors with wholesome, locally sourced ingredients.","slug":"hungry-cowgirl","author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/5427/thumbnail-LBWr01yQG3miK9OKaY7UH8oWIxvf4U.jpg","metadata":{"tint":{"h":0,"s":50,"l":6},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a1083a-f469-7279-9492-25430882d09e.png","metadata":{"tint":{"h":9,"s":88,"l":13},"width":1150,"height":747}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a1083a-f44f-737b-8fb7-e25f92ef007b.png","metadata":{"tint":{"h":30,"s":29,"l":55},"width":1150,"height":747}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a1083a-f46b-763b-ac1d-1ffae92cb38d.png","metadata":{"tint":{"h":30,"s":29,"l":55},"width":1150,"height":747}}],"post":null,"createdAt":"2025-06-05T21:38:26.780Z","updatedAt":"2026-10-04T18:44:33.563Z","publishedAt":"2025-06-05T21:38:26.784Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://hungrycowgirl.com/","categories":[{"id":"46b2cb88-832c-48ca-80df-2845470e47fb","name":"Restaurant","slug":"restaurant"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-06-05T21:38:26.784Z","updatedAt":"2025-06-05T21:38:26.784Z"},{"id":"019741fe-c1a7-7980-bee0-c9a644dd5245","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"5425","resolved":true,"title":"Pita Dust","body":"

I developed Pita Dust’s website in Framer for Lab37. The Mediterranean-inspired restaurant site pairs a pale blue palette, Greek-language details, and food photography with a straightforward menu structure. Visitors can explore bowls, sauces, sides, and desserts, learn about the brand, and move to location-based ordering through prominent calls to action. The menu grid gives individual dishes room for photographs, names, and descriptions, while the About page uses larger editorial typography to introduce the restaurant. Together, the homepage, food menu, and brand story maintain a consistent identity while serving different parts of the visitor journey.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I developed Pita Dust’s website in Framer for Lab37. The Mediterranean-inspired restaurant site pairs a pale blue palette, Greek-language details, and food photography with a straightforward menu structure. Visitors can explore bowls, sauces, sides, and desserts, learn about the brand, and move to location-based ordering through prominent calls to action. The menu grid gives individual dishes room for photographs, names, and descriptions, while the About page uses larger editorial typography to introduce the restaurant. Together, the homepage, food menu, and brand story maintain a consistent identity while serving different parts of the visitor journey."}]}]},"introduction":"Mediterranean-inspired food bowls that aren’t just meals, they’re fuel for a sharper mind, stronger body, and deeper vitality. ","slug":"pita-dust","author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/5425/thumbnail-vhNbWmevnpwpwlKNfFi2qmCm8PuPfG.jpg","metadata":{"tint":{"h":60,"s":50,"l":6},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a1083b-aa75-7622-8492-f0fbc688e3e3.png","metadata":{"tint":{"h":210,"s":70,"l":60},"width":1150,"height":747}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a1083b-aa79-71fa-9b75-945b46a7f5ec.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1150,"height":747}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a1083b-aa98-77c5-89ec-c8b4365f8838.png","metadata":{"tint":{"h":216,"s":94,"l":25},"width":1150,"height":747}}],"post":null,"createdAt":"2025-06-05T21:28:24.230Z","updatedAt":"2026-10-04T18:45:22.342Z","publishedAt":"2025-06-05T21:28:24.231Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.pitadust.com/","categories":[{"id":"46b2cb88-832c-48ca-80df-2845470e47fb","name":"Restaurant","slug":"restaurant"},{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-06-05T21:28:24.231Z","updatedAt":"2025-06-05T21:28:24.231Z"},{"id":"01946acf-3c09-7160-88fa-9d09250434eb","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"969","resolved":true,"title":"Design Apports","body":"

The Framer website for my studio, Design Apports, introduces my development services through a dark visual identity built around an eclipse motif. The site brings together my background, a step-by-step project process, testimonials, service options, and contact paths. Detailed process sections explain how approved Figma designs move into Framer and through to client handoff. The process moves from an initial consultation and Figma review through development and project transfer. Illustrated sections, large headings, and a raven-themed inquiry form carry the studio identity across the page, while the service information gives prospective clients a clearer picture of how an engagement works.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The Framer website for my studio, Design Apports, introduces my development services through a dark visual identity built around an eclipse motif. The site brings together my background, a step-by-step project process, testimonials, service options, and contact paths. Detailed process sections explain how approved Figma designs move into Framer and through to client handoff. The process moves from an initial consultation and Figma review through development and project transfer. Illustrated sections, large headings, and a raven-themed inquiry form carry the studio identity across the page, while the service information gives prospective clients a clearer picture of how an engagement works."}]}]},"introduction":"Developed responsive landing page in Framer which included CMS integration, custom animation, as well as designed company logo in Figma.","slug":"design-apports","author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/969/thumbnail-Spp3DJsKbIkSuVYFr7Exme8kjX6BVB.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a1083c-930c-71f0-9a46-4692d4774856.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1150,"height":747}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a1083c-92fa-71be-af03-e734ab6c692c.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1165,"height":515}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a1083c-92c2-73e7-b13a-cdcfadb8f172.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1150,"height":747}}],"post":null,"createdAt":"2025-01-15T16:32:33.800Z","updatedAt":"2026-10-04T18:46:29.322Z","publishedAt":"2025-01-15T16:32:33.801Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://designapports.com/","categories":[{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-01-15T16:32:33.801Z","updatedAt":"2025-01-15T16:32:33.801Z"},{"id":"01946acf-365c-7aa9-b79a-5796057bcb36","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"968","resolved":true,"title":"Camp Yeka","body":"

A Framer website for Camp Yeka, a nonprofit supporting Jewish children in Ukraine through camps and year-round programs. Large photographs, prominent mission statements, and clear donation links introduce the organization’s work. Dedicated program, photo, and press pages give visitors ways to explore its community, while the homepage brings its story and opportunities to contribute together. Program cards separate summer, winter, and other activities, pairing photographs with explanations of each offering. The press area uses an article-card layout to collect outside coverage, giving the site distinct spaces for explaining the programs, sharing news, and directing visitors toward ways to support the organization.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A Framer website for Camp Yeka, a nonprofit supporting Jewish children in Ukraine through camps and year-round programs. Large photographs, prominent mission statements, and clear donation links introduce the organization’s work. Dedicated program, photo, and press pages give visitors ways to explore its community, while the homepage brings its story and opportunities to contribute together. Program cards separate summer, winter, and other activities, pairing photographs with explanations of each offering. The press area uses an article-card layout to collect outside coverage, giving the site distinct spaces for explaining the programs, sharing news, and directing visitors toward ways to support the organization."}]}]},"introduction":"Developed a multi-page responsive website in Framer, which included a photo gallery, CMS integration, and a multi-option donation module.","slug":"camp-yeka","author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/968/thumbnail-jj8upI4JeXCo5DPVVdsFBHWGzsLbZO.jpg","metadata":{"tint":{"h":210,"s":86,"l":22},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a1083d-73a8-7306-b92e-21f00b4adb3b.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1150,"height":747}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a1083d-738b-7234-9489-47f0d7f37216.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1165,"height":870}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a1083d-73a5-7363-bee1-f15272c575e2.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1165,"height":715}}],"post":null,"createdAt":"2025-01-15T16:32:32.346Z","updatedAt":"2026-10-04T18:47:21.752Z","publishedAt":"2025-01-15T16:32:32.348Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://yekaboys.com/","categories":[{"id":"4deaf317-a648-4f8b-ae2a-f9a4cf1a35da","name":"Education","slug":"education"},{"id":"d26c907e-7d56-4582-9727-b7c10921b71e","name":"Community","slug":"community"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-01-15T16:32:32.348Z","updatedAt":"2025-01-15T16:32:32.348Z"},{"id":"01946acf-31f3-7af3-9c37-d6c65673e91d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"967","resolved":true,"title":"Clearstone Builders","body":"

A Framer website for Clearstone Builders, a New York construction and renovation company. The site combines large architectural imagery, project showcases, service pages, and quote-request paths in a restrained layout with orange accents. Visitors can explore residential interiors, learn about renovation services, review the company’s process, and find contact information from the main navigation and page calls to action. The residential project pages bring kitchen, bathroom, and bedroom imagery together with detailed written context. Dedicated service pages explain individual renovation options, while repeated inquiry links connect those examples to the next step. Consistent typography and restrained color keep the focus on the work and the information visitors need.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A Framer website for Clearstone Builders, a New York construction and renovation company. The site combines large architectural imagery, project showcases, service pages, and quote-request paths in a restrained layout with orange accents. Visitors can explore residential interiors, learn about renovation services, review the company’s process, and find contact information from the main navigation and page calls to action. The residential project pages bring kitchen, bathroom, and bedroom imagery together with detailed written context. Dedicated service pages explain individual renovation options, while repeated inquiry links connect those examples to the next step. Consistent typography and restrained color keep the focus on the work and the information visitors need."}]}]},"introduction":"Developed responsive website in Framer which included CMS integration, as well as designed company logo in Figma.","slug":"clearstone-builders","author":{"framerUserId":"d6ca2b4a-1e2a-4059-bae4-cbb96b476897","name":"Garry Andreano","slug":"garry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/tlzo96sw","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/967/thumbnail-iWQDv6jzm2vVFcFBlZi00JLuNzkPyd.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a107e4-665e-704a-8fbf-a471eca5ec87.png","metadata":{"tint":{"h":0,"s":25,"l":13},"width":1150,"height":747}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a107e4-6682-7540-b79d-122eb8ca1068.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1150,"height":747}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ca2b4a-1e2a-4059-bae4-cbb96b476897/01a107e4-6656-73f4-9c82-d80678a77bfe.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1150,"height":747}}],"post":null,"createdAt":"2025-01-15T16:32:31.218Z","updatedAt":"2026-10-04T17:11:58.456Z","publishedAt":"2025-01-15T16:32:31.219Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://clearstone-builders.com/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-01-15T16:32:31.219Z","updatedAt":"2025-01-15T16:32:31.219Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L54"}]