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

Parallax usually starts with one image.

You add a bit of depth, it works, and suddenly you want it everywhere else.

That is where most parallax setups start getting messy. Once the effect spreads across the page, every instance can become another thing the browser has to watch, load, pause, and update.

I made this one for exactly that reason, so parallax stays easy to repeat without bringing all that extra work with it.

What makes it Better

Native first, shared fallback
When the browser and layout support it, Better Parallax uses native CSS scroll-driven animations. Other setups use one shared, event-driven JavaScript engine instead of adding a separate scroll loop for every block.
Built for repeated use
Add multiple instances across the same page while keeping runtime work coordinated and inactive components quiet.
Media only loads and plays when needed
Posters render first. Lazy videos mount as they approach the viewport. With Autoplay enabled, videos pause when they leave, resume when they return, and respect reduced-motion preferences.
Autoplay stays under your control
Turn Autoplay off to keep the image poster visible without loading or playing the video.
Flexible, controlled video sources
Upload MP4 or WebM files directly through Framer, or use direct HTTPS MP4/WebM URLs hosted on Framer, Cloudinary, Mux, or Supabase. YouTube, Vimeo, HLS playlists, webpage links, and other external hosts are not supported.

Contact & Support

Questions about setup, product, or licensing: alexandre@madebymash.com

64:T6b6,

About Better Counter

A counter looks simple until it starts moving.

Then the hidden problems show up: React re-renders, jumping digits, awkward formatting, and screen readers hearing the animation instead of the result.

Better Counter is built for those hidden parts. It animates through browser animation frames and direct text updates, keeps digits stable, formats the final value, and gives screen readers one clean result.

Built for stats, prices, percentages, and metrics that need clean motion without the mess around it.

Why Better Counter

No React re-render loop
The visual number updates with browser animation frames and direct text changes, so React does not re-render every count step.
Digits stay stable
Hidden ghost values reserve width, while padding, grouping, decimals, prefixes, suffixes, and tabular numbers are handled from the controls.
Screen readers get one value
The animated number is hidden from assistive tech, while a separate value exposes the final formatted number.
Motion respects context
Static render, reduced motion, above-fold final mode, and viewport-triggered animation are handled.

Good fit / Wrong fit

Good fit: stats, prices, percentages, and metrics that need clean motion.
Wrong fit: odometers, show-off animations, or full dashboards.

Contact & Support

Questions about setup, product, or licensing: alexandre@madebymash.com

65:Ta16,

Live Preview →

About ELAPS®

When post works, clients see the final piece, not the decisions behind it. ELAPS® gives those decisions a place to be seen.

A strong post studio site is not a cleaner reel. It shows what the studio shaped, what it offers, and how to start a serious brief. ELAPS® gives post-production studios, motion teams, and editorial teams one site for work, services, briefs, and hiring.

Project pages give context to the cut, finish, role, media, and delivery. The brief form turns interest into scope, budget, assets, and a real intake path.

Built for studios that need an intake hub, not a reel with a contact link.

Why ELAPS®

The post work is visible
Show the cut, finish, role, context, media, and delivery behind the final piece, so the studio’s work does not disappear behind client footage.
The offer becomes brief-ready
Services, pricing, process, and insights help prospects understand scope before they start a brief.
Intake is built in
Brief, contact, and careers paths route new projects and hiring from one site.
The studio base is prepared
CMS, forms, metadata, JSON-LD guidance, accessibility details, custom code, site overrides, and launch notes are included.

Good fit / Wrong fit

Good fit: you need one site for work, services, briefs, and hiring.
Wrong fit: you want a polished reel, a generic shell, or no intake path.

What’s included

Setup guide
Clear notes for content, media, links, and launch checks.
Framer Pro bonus
3 months of Framer Pro with the included partner discount code.
Lifetime updates
ELAPS® is improved over time, with changes listed inside the template’s update log.

Contact & Support

Questions about setup, product, or licensing: alexandre@madebymash.com

66:T6ee,

About Better Grain

Grain is easy in one hero. The tax shows up across a real page.

Better Grain is a Framer grain overlay built around embedded WebP tiles and sprite sheets, not per-instance noise generation. Drop it on a section, set Quality, Motion, and Scale, then reuse the same texture system across sections.

Motion Off stays static. Animated modes run stepped sprite loops near the viewport, with static fallbacks for Canvas and reduced-motion contexts.

Built for builders who need grain to survive the page, not just look good in one hero.

Why Better Grain

Shared texture assets
Static tiles and animated sprite sheets stay embedded and are reused across placements, instead of generating fresh noise per overlay.
Motion is gated
Animated grain stays static offscreen, then runs near the viewport using stepped CSS keyframes with Subtle and Normal presets.
Framer fallbacks are handled
Canvas, static render, restricted render, and reduced-motion contexts return to static texture instead of forcing animation.
The overlay stays passive
Better Grain is pointer-safe and hidden from assistive tech, so it adds texture without blocking clicks or becoming interface content.

Good fit / Wrong fit

Good fit: you need controlled grain across repeated Framer sections.
Wrong fit: you only want hero grain or a shader-level film look.

Contact & Support

Questions about setup, product, or licensing: alexandre@madebymash.com

67:T746,

About Cursor Coordinates

Pointer movement is easy to feel. Cursor Coordinates makes it readable without pretending to track real location.

Pointer position becomes a live coordinate label inside a Framer component. Use Plain, Lat/Lng, or DMS, place it around the frame or let it follow the cursor, then style it from the controls.

It reads pointer position only. Bounds are cached, updates are batched with browser frames, and optional trails use a bounded buffer instead of rebuilding the path from scratch.

Built for interactive maps, spatial demos, data visuals, canvas sections, and product interfaces where movement needs readable feedback.

Why Cursor Coordinates

Pointer data, not GPS
The label maps pointer position inside the component to Lat/Lng-style values without reading real location data.
Movement stays light
Bounds are cached with ResizeObserver and pointer updates are batched with browser frames, so the component does not measure layout on every move.
Formats are built in
Plain, Lat/Lng, and DMS formats are available, with decimal precision controls and tabular numbers for a stable label.
Display stays controlled
Fixed positions, follow-cursor mode, offsets, label styling, and optional SVG trails are handled from Framer controls.

Good fit / Wrong fit

Good fit: interactive maps, spatial demos, data visuals, and cursor feedback.
Wrong fit: real GPS, analytics tracking, or stored pointer history.

Contact & Support

Questions about setup, product, or licensing: alexandre@madebymash.com

68:T732,

About Infinite 2D Grid

A wall is easy in a screenshot. The cost shows up when people start moving through it.

Infinite 2D Grid renders the tiles in and around the viewport, then repeats your connected Framer items across an endless 2D surface. The wall feels open, while the page only carries the tiles people can reach.

Drag, wheel movement, momentum, parallax, press feedback, and focus states are handled without loading the full wall at once. Built for galleries, archives, portfolio indexes, and visual walls that need endless movement without page weight.

Why Infinite 2D Grid

Viewport tiles plus buffer
The component mounts the tiles in and around the viewport, instead of loading the full wall into the page.
Movement stays direct
Drag, wheel movement, momentum, parallax, press states, and scroll feedback run through browser frames and transform updates.
Interaction stays usable
Links, pointer access, keyboard focus, and screen reader access stay active on usable tiles, while offscreen duplicates are disabled.
Framer states are covered
Static render, canvas preview, reduced motion, item limits, ratios, columns, gaps, variation, and focus styling are handled.

Good fit / Wrong fit

Good fit: visual walls, galleries, archives, and indexes that need clean 2D movement.
Wrong fit: fixed editorial grids, precise masonry layouts, or media-heavy walls where media loading matters more than movement.

Contact & Support

Questions about setup, product, or licensing: alexandre@madebymash.com

69:Ta38,

Live Preview →

About ELIAS®

Your work already has the image. ELIAS® gives it the frame.

A strong portfolio is not about showing more. It is about making selection feel intentional. ELIAS® is built for photographers, filmmakers, and visual studios who want fewer projects to feel stronger, with enough structure for each project to keep its own rhythm.

The main work gets space. The archive holds secondary work without weakening the selection. The site stays restrained enough to support the work without becoming the part people remember.

Built for image-led portfolios where projects do not all need the same shape.

Why ELIAS®

The work stays in front
Large visuals and quiet navigation make the first impression about the work, not the website around it.
Projects keep their rhythm
Some need one image. Others need film, credits, writing, embeds, or context. Each project can take the shape it needs.
The archive protects the selection
Keep fragments, references, older work, and loose stills visible without weakening the main portfolio.
The publishing base is prepared
Mobile states, media-weight guidance, accessibility details, and an editable metadata structure are included, with notes for the launch pass.

Good fit / Wrong fit

Good fit: you want fewer projects to feel stronger.
Wrong fit: you want to show everything, use one layout everywhere, or let effects create the taste.

What’s included

Setup guide
Clear notes for content, media, links, and launch checks.
Framer Pro bonus
3 months of Framer Pro with the included partner discount code.
Lifetime updates
ELIAS® is improved over time, with changes listed inside the template’s update log.

Contact & Support

Questions about setup, product, or licensing: alexandre@madebymash.com

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-74b6f1af-e323-4a02-9c54-46f511512cea-all:/unified/creator/74b6f1af-e323-4a02-9c54-46f511512cea/activity/":[{"data":[{"id":"01a09b36-e964-74ff-8f2f-da73b2be75fe","type":"comment.liked","target":{"type":"comment","id":"01a09533-74ac-7078-a0f3-5eb8cba196d5","preview":"Strong case study thinking with clear UX problem solving and a confident visual language.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Strong case study thinking with clear UX problem solving and a confident visual language."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fcd82-fe30-763a-a8dd-c11ed3f4c527","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a09533-74ac-7078-a0f3-5eb8cba196d5"},"repost":null}},"context":{"type":"post","id":"019fcd82-fe30-763a-a8dd-c11ed3f4c527","preview":"I think I finally defeated my Framer final boss. \nFor ages, I’ve been trying to figure out how to make seamless page transitions without relying on page templates or some weird in-between setup. \nI finally worked out today how to push a new URL from a CMS item without actually leaving the current page, so everything behind stays exactly where you left it. \nHappy to break this down if anyone’s interested.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I think I finally defeated my Framer final boss. "}]},{"type":"paragraph","content":[{"type":"text","text":"For ages, I’ve been trying to figure out how to make seamless page transitions without relying on page templates or some weird in-between setup. "}]},{"type":"paragraph","content":[{"type":"text","text":"I finally worked out today how to push a new URL from a CMS item without actually leaving the current page, so everything behind stays exactly where you left it. "}]},{"type":"paragraph","content":[{"type":"text","text":"Happy to break this down if anyone’s interested."}]}]},"thumbnail":"https://image.mux.com/VRjJbWfFqi01WyzBzejIReB9YCL77Tit01gKFXlhUrFhw/thumbnail.webp?time=14.322","targetDeleted":false,"owned":true,"actions":{"postId":"019fcd82-fe30-763a-a8dd-c11ed3f4c527","like":{"count":16,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T14:41:02.303Z","latestAt":"2026-09-13T14:41:02.303Z"},{"id":"01a05daf-1e57-7358-bc35-1cc6747c5793","type":"comment.liked","target":{"type":"comment","id":"01a05d25-0018-7686-858e-5786984b3f24","preview":"can you please break it down and share it with me at yash@dropcap.design","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"can you please break it down and share it with me at "},{"type":"text","text":"yash@dropcap.design","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:yash@dropcap.design","target":"_blank"}}]}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fcd82-fe30-763a-a8dd-c11ed3f4c527","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a05d25-0018-7686-858e-5786984b3f24"},"repost":null}},"context":{"type":"post","id":"019fcd82-fe30-763a-a8dd-c11ed3f4c527","preview":"I think I finally defeated my Framer final boss. \nFor ages, I’ve been trying to figure out how to make seamless page transitions without relying on page templates or some weird in-between setup. \nI finally worked out today how to push a new URL from a CMS item without actually leaving the current page, so everything behind stays exactly where you left it. \nHappy to break this down if anyone’s interested.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I think I finally defeated my Framer final boss. "}]},{"type":"paragraph","content":[{"type":"text","text":"For ages, I’ve been trying to figure out how to make seamless page transitions without relying on page templates or some weird in-between setup. "}]},{"type":"paragraph","content":[{"type":"text","text":"I finally worked out today how to push a new URL from a CMS item without actually leaving the current page, so everything behind stays exactly where you left it. "}]},{"type":"paragraph","content":[{"type":"text","text":"Happy to break this down if anyone’s interested."}]}]},"thumbnail":"https://image.mux.com/VRjJbWfFqi01WyzBzejIReB9YCL77Tit01gKFXlhUrFhw/thumbnail.webp?time=14.322","targetDeleted":false,"owned":true,"actions":{"postId":"019fcd82-fe30-763a-a8dd-c11ed3f4c527","like":{"count":16,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-01T15:55:52.786Z","latestAt":"2026-09-01T15:55:52.786Z"},{"id":"01a00ea6-3d1b-753d-ade7-e390ff09765b","type":"comment.reply","target":{"type":"post","id":"019f4705-7076-743e-bad4-7245aa2868af","preview":"Better Parallax","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/zyt1qjlv","targetDeleted":false,"owned":true,"actions":{"postId":"019f4705-7076-743e-bad4-7245aa2868af","like":{"count":42,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a00ea6-3d03-7779-a190-71899ee2ea89","preview":"At values above 50, some cropping is unavoidable, the image is scaled just enough to cover the full parallax movement without revealing empty space. \nFor less cropping, I’d recommend using a lower value or an image with more space around the subject.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"At values above 50, some cropping is unavoidable, the image is scaled just enough to cover the full parallax movement without revealing empty space. "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"For less cropping, I’d recommend using a lower value or an image with more space around the subject."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f4705-7076-743e-bad4-7245aa2868af","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a007df-3a9b-727c-8199-fc0d59cdb3af"},"repost":null}},"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T07:36:10.779Z","latestAt":"2026-08-17T07:36:10.779Z"},{"id":"019fad34-ecd5-7248-a878-ef013a9e0f18","type":"post.liked","target":{"type":"post","id":"019fac88-01e3-762e-bcd9-30efada0ae6e","preview":"Just released Liquid Glass Navbar ✨\nHere’s a closer look at the liquid glass effect and smooth interactions.\nClick here to support it and copy it for free 🫶","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just released Liquid Glass Navbar ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Here’s a closer look at the liquid glass effect and smooth interactions."}]},{"type":"paragraph","content":[{"type":"text","text":"Click here to support it and copy it for free ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/QXgSqA6","target":"_blank"}},{"type":"bold"}]},{"type":"emoji","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/QXgSqA6","target":"_blank"}}],"attrs":{"name":"heart_hands","emoji":"🫶"}}]}]},"thumbnail":"https://image.mux.com/jGdx018dU024wp01wo67ltcAQyy02IaH6uHVJ10200KHRX6OM/thumbnail.webp?time=1.717","targetDeleted":false,"owned":false,"actions":{"postId":"019fac88-01e3-762e-bcd9-30efada0ae6e","like":{"count":51,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-29T09:29:14.704Z","latestAt":"2026-07-29T09:29:14.704Z"},{"id":"019fa78e-aca5-706f-aba6-e3a358a691ea","type":"comment.reply","target":{"type":"post","id":"019f4705-7076-743e-bad4-7245aa2868af","preview":"Better Parallax","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/zyt1qjlv","targetDeleted":false,"owned":true,"actions":{"postId":"019f4705-7076-743e-bad4-7245aa2868af","like":{"count":42,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fa78e-ac74-727e-b3cc-1552cd9a783f","preview":"100% agree","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"100% agree"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f4705-7076-743e-bad4-7245aa2868af","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f47b5-3ed5-7503-a591-37bcfd4d2bb5"},"repost":null}},"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-28T07:09:33.221Z","latestAt":"2026-07-28T07:09:33.221Z"},{"id":"019fa78e-7ff5-7249-af4a-3df7fcf6ae80","type":"comment.liked","target":{"type":"comment","id":"019f7edc-4aa0-74cd-8af8-b0bf5100fd7c","preview":"@ALEXANDRE Hey man, I sarted using Codex too ))) Its not good for design but creat tool for components, agree?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","slug":"alexherbigneaux","label":"ALEXANDRE","mentionSuggestionChar":"@"}},{"type":"text","text":" Hey man, I sarted using Codex too ))) Its not good for design but creat tool for components, agree?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f4705-7076-743e-bad4-7245aa2868af","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f47b5-3ed5-7503-a591-37bcfd4d2bb5"},"repost":null}},"context":{"type":"post","id":"019f4705-7076-743e-bad4-7245aa2868af","preview":"Better Parallax","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/zyt1qjlv","targetDeleted":false,"owned":true,"actions":{"postId":"019f4705-7076-743e-bad4-7245aa2868af","like":{"count":42,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-28T07:09:21.776Z","latestAt":"2026-07-28T07:09:21.776Z"},{"id":"019f6b36-a64c-748f-b76e-cbdff99308a4","type":"comment.reply","target":{"type":"post","id":"019f6af1-98d8-7075-820c-3763199258a7","preview":"Been building this quietly for a while. Thought I’d put one frame out there.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Been building this quietly for a while. Thought I’d put one frame out there."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/019f6ae0-a2cc-769b-b95b-9005ebfac2b2.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"019f6af1-98d8-7075-820c-3763199258a7","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f6b36-a638-7578-ac69-f736b6ca9a1f","preview":"Thanks Niklas, the brand name is Workform so the line was quite easy to find tbf","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks Niklas, the brand name is Workform so the line was quite easy to find tbf"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f6af1-98d8-7075-820c-3763199258a7","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f6b24-cd1c-76bc-bf3a-d3818fd5a37e"},"repost":null}},"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-16T13:56:11.468Z","latestAt":"2026-07-16T13:56:11.468Z"},{"id":"019f6b36-6564-7620-a381-646853d4aa87","type":"comment.liked","target":{"type":"comment","id":"019f6b24-cd1c-76bc-bf3a-d3818fd5a37e","preview":"Love this understated approach, and Work first, form follows is a great line. The minimal editorial layout lets the work carry it. Clean.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Love this understated approach, and Work first, form follows is a great line. The minimal editorial layout lets the work carry it. Clean."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f6af1-98d8-7075-820c-3763199258a7","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f6b24-cd1c-76bc-bf3a-d3818fd5a37e"},"repost":null}},"context":{"type":"post","id":"019f6af1-98d8-7075-820c-3763199258a7","preview":"Been building this quietly for a while. Thought I’d put one frame out there.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Been building this quietly for a while. Thought I’d put one frame out there."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/019f6ae0-a2cc-769b-b95b-9005ebfac2b2.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"019f6af1-98d8-7075-820c-3763199258a7","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-16T13:55:54.845Z","latestAt":"2026-07-16T13:55:54.845Z"},{"id":"019f5afe-0c9e-713c-83c1-d16849015eb2","type":"creator.followed","target":{"type":"creator","id":"ebaf78c9-2512-46d7-b33f-5cd3e97a4ed5","preview":"Tymofii Bak","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/47469/avatar-HJxvvd4WzTEBmm0ulo9nlRnXG4Z6AU.jpg","slug":"tymofii-bak","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T10:20:26.649Z","latestAt":"2026-07-13T10:20:26.649Z"},{"id":"019f5afd-628f-75cd-a94b-b7433989bcdf","type":"creator.followed","target":{"type":"creator","id":"fd107077-b6d8-4cfe-ab30-bea05355f3b5","preview":"Zaid Khan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29994/Snapinsta.app_275645041_692809982073799_3652030696283744675_n_1080-UH1VafFcYax6n9NRDNi0YAuZZTbE8z.jpg","slug":"zaid-khan","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T10:19:43.105Z","latestAt":"2026-07-13T10:19:43.105Z"},{"id":"019f4cc3-54d2-779b-8870-79e2b7f3f029","type":"post.liked","target":{"type":"post","id":"019f4bd0-452d-73b2-9f39-b64bf60e411d","preview":"Second payment from Dub arrived much faster! Keep going!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Second payment from Dub arrived much faster! Keep going!"}]}]},"thumbnail":"https://image.mux.com/Ll8YS1TusZxehN6GgOBI5iyawiHemhEZhMfowQJ6U2Q/thumbnail.webp?time=2.1","targetDeleted":false,"owned":false,"actions":{"postId":"019f4bd0-452d-73b2-9f39-b64bf60e411d","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-10T16:01:37.485Z","latestAt":"2026-07-10T16:01:37.485Z"},{"id":"019f4cc3-3664-752e-b8ca-6b06c1e99640","type":"template.liked","target":{"type":"template","id":"69294","preview":"Verseo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e46aa50e-6486-494c-af82-d7b4b64013ce/019f4bf4-ce74-74ed-9340-b9bf549bb9cc.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-10T16:01:29.693Z","latestAt":"2026-07-10T16:01:29.693Z"},{"id":"019f47c2-d525-70a9-b833-b98da55370f6","type":"comment.liked","target":{"type":"comment","id":"019f47b3-f0dd-757f-8253-4dae136a04ca","preview":"Haha, thank you my friend)))","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Haha, thank you my friend)))"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f4772-0f46-768f-8641-8cc506103d02","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f4778-8ce1-72fa-b4c0-9d0bfceed68b"},"repost":null}},"context":{"type":"post","id":"019f4772-0f46-768f-8641-8cc506103d02","preview":"HypnoImage","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d3b27bc3-38b2-4d37-a333-a16d0f039346/4wi995kx","targetDeleted":false,"owned":false,"actions":{"postId":"019f4772-0f46-768f-8641-8cc506103d02","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-09T16:42:58.720Z","latestAt":"2026-07-09T16:42:58.720Z"},{"id":"019f47c0-9566-7358-8e76-32944c0c7b7d","type":"comment.reply","target":{"type":"post","id":"019f4705-7076-743e-bad4-7245aa2868af","preview":"Better Parallax","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/zyt1qjlv","targetDeleted":false,"owned":true,"actions":{"postId":"019f4705-7076-743e-bad4-7245aa2868af","like":{"count":42,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f47c0-954a-70da-bab1-8ec3e931a313","preview":"Thanks bro! No, just Codex with my custom Framer knowledge files.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks bro! No, just Codex with my custom Framer knowledge files."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f4705-7076-743e-bad4-7245aa2868af","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f47b5-3ed5-7503-a591-37bcfd4d2bb5"},"repost":null}},"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-09T16:40:31.334Z","latestAt":"2026-07-09T16:40:31.334Z"},{"id":"019f47bf-8113-73b8-928b-5885ffa5041a","type":"comment.liked","target":{"type":"comment","id":"019f47b5-3ed5-7503-a591-37bcfd4d2bb5","preview":"Nice one, Alex! Did you use an AI agent for this component?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nice one, Alex! Did you use an AI agent for this component?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f4705-7076-743e-bad4-7245aa2868af","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f47b5-3ed5-7503-a591-37bcfd4d2bb5"},"repost":null}},"context":{"type":"post","id":"019f4705-7076-743e-bad4-7245aa2868af","preview":"Better Parallax","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/zyt1qjlv","targetDeleted":false,"owned":true,"actions":{"postId":"019f4705-7076-743e-bad4-7245aa2868af","like":{"count":42,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-09T16:39:20.585Z","latestAt":"2026-07-09T16:39:20.585Z"},{"id":"019f4778-8cf4-74e8-8782-84054ddb8602","type":"comment.created","target":{"type":"post","id":"019f4772-0f46-768f-8641-8cc506103d02","preview":"HypnoImage","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d3b27bc3-38b2-4d37-a333-a16d0f039346/4wi995kx","targetDeleted":false,"owned":false,"actions":{"postId":"019f4772-0f46-768f-8641-8cc506103d02","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f4778-8ce1-72fa-b4c0-9d0bfceed68b","preview":"That naming is too good!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"That naming is too good!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f4772-0f46-768f-8641-8cc506103d02","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f4778-8ce1-72fa-b4c0-9d0bfceed68b"},"repost":null}},"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-09T15:21:50.580Z","latestAt":"2026-07-09T15:21:50.580Z"},{"id":"019f4778-46a1-77ec-ba92-0b1df14434f5","type":"component.liked","target":{"type":"component","id":"j3KDgRefBuhQ2E6F4m1I","preview":"HypnoImage","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d3b27bc3-38b2-4d37-a333-a16d0f039346/4wi995kx","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-09T15:21:32.571Z","latestAt":"2026-07-09T15:21:32.571Z"},{"id":"019f4705-717d-7239-9006-5390f2cf93bf","type":"component.created","target":{"type":"component","id":"FwTaiAYCXr1uOCsoi65u","preview":"Better Parallax","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/zyt1qjlv","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-09T13:16:06.909Z","latestAt":"2026-07-09T13:16:06.909Z"},{"id":"019f3b76-805b-726c-aebb-79f72213692d","type":"post.liked","target":{"type":"post","id":"019f3957-4281-700e-bf15-3613a659d543","preview":"A sign up experience that is uniquely yours","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A sign up experience that is uniquely yours"}]}]},"thumbnail":"https://image.mux.com/JAMhKfe7f8N9GEAe02hVCNfVHyEj3r022Q600bGyTNtuLI/thumbnail.webp?time=1.684","targetDeleted":false,"owned":false,"actions":{"postId":"019f3957-4281-700e-bf15-3613a659d543","like":{"count":17,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-07T07:24:09.687Z","latestAt":"2026-07-07T07:24:09.687Z"},{"id":"019f3651-14d9-7238-8afe-9fdd58ca354e","type":"component.liked","target":{"type":"component","id":"xJFVkhl6sj98hUXbEyBI","preview":"Scroll fill color","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d3b27bc3-38b2-4d37-a333-a16d0f039346/5wc7l2cz","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","slug":"alexherbigneaux","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-06T07:25:11.251Z","latestAt":"2026-07-06T07:25:11.251Z"}],"pagination":{"next":"MjAyNi0wNy0wNlQwNzoyNToxMS4yNTFafDAxOWYzNjUxLTE0ZDktNzIzOC04YWZlLTlmZGQ1OGNhMzU0ZQ","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:74b6f1af-e323-4a02-9c54-46f511512cea:/unified/posts/?creator=74b6f1af-e323-4a02-9c54-46f511512cea&with=reposts":[{"data":[{"id":"019fcd82-fe30-763a-a8dd-c11ed3f4c527","title":null,"body":"

I think I finally defeated my Framer final boss.

For ages, I’ve been trying to figure out how to make seamless page transitions without relying on page templates or some weird in-between setup.

I finally worked out today how to push a new URL from a CMS item without actually leaving the current page, so everything behind stays exactly where you left it.

Happy to break this down if anyone’s interested.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I think I finally defeated my Framer final boss. "}]},{"type":"paragraph","content":[{"type":"text","text":"For ages, I’ve been trying to figure out how to make seamless page transitions without relying on page templates or some weird in-between setup. "}]},{"type":"paragraph","content":[{"type":"text","text":"I finally worked out today how to push a new URL from a CMS item without actually leaving the current page, so everything behind stays exactly where you left it. "}]},{"type":"paragraph","content":[{"type":"text","text":"Happy to break this down if anyone’s interested."}]}]},"author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/VRjJbWfFqi01WyzBzejIReB9YCL77Tit01gKFXlhUrFhw.m3u8","metadata":{"posterUrl":"https://image.mux.com/VRjJbWfFqi01WyzBzejIReB9YCL77Tit01gKFXlhUrFhw/thumbnail.webp?time=14.322","aspectRatio":"299:180","duration":15.909044}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":16,"liked":false},"comments":{"count":3},"reposts":{"count":2,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-04T16:02:21.876Z","updatedAt":"2026-08-04T16:02:21.876Z"},{"id":"019facea-eabe-71fb-9dda-d70d95c40cdf","title":null,"body":"

Finally starting work on my own portfolio.

About time.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Finally starting work on my own portfolio."}]},{"type":"paragraph","content":[{"type":"text","text":"About time."}]}]},"author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/019face9-b068-71c2-bf7f-12643a04f28b.jpg","metadata":{"tint":{"h":0,"s":0,"l":14},"width":3200,"height":2171}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-29T08:08:24.517Z","updatedAt":"2026-07-29T08:08:24.517Z"},{"id":"019f7056-69b0-754d-8f44-4f98fe45f104","title":null,"body":"

Just pushed a small update to Better Parallax.

It now includes a new Autoplay switch, requested by several users.

External video URLs remain available for CMS workflows, with stricter handling for reliability and security. Better Parallax now accepts direct HTTPS MP4 or WebM files hosted on Framer, Cloudinary, Mux, or Supabase. Invalid sources safely fall back to the poster without triggering an external request.

I’ve also pushed the optimization further: supported browsers such as Chrome now use native CSS scroll-driven animations, reducing JavaScript workload. A reliable JavaScript fallback remains available for other browsers.

More improvements coming soon.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just pushed a small update to Better Parallax."}]},{"type":"paragraph","content":[{"type":"text","text":"It now includes a new Autoplay switch, requested by several users."}]},{"type":"paragraph","content":[{"type":"text","text":"External video URLs remain available for CMS workflows, with stricter handling for reliability and security. Better Parallax now accepts direct HTTPS MP4 or WebM files hosted on Framer, Cloudinary, Mux, or Supabase. Invalid sources safely fall back to the poster without triggering an external request."}]},{"type":"paragraph","content":[{"type":"text","text":"I’ve also pushed the optimization further: supported browsers such as Chrome now use native CSS scroll-driven animations, reducing JavaScript workload. A reliable JavaScript fallback remains available for other browsers."}]},{"type":"paragraph","content":[{"type":"text","text":"More improvements coming soon."}]}]},"author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","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-07-17T13:48:59.188Z","updatedAt":"2026-07-17T13:48:59.188Z"},{"id":"019f6af1-98d8-7075-820c-3763199258a7","title":null,"body":"

Been building this quietly for a while. Thought I’d put one frame out there.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Been building this quietly for a while. Thought I’d put one frame out there."}]}]},"author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/019f6ae0-a2cc-769b-b95b-9005ebfac2b2.jpg","metadata":{"tint":{"h":0,"s":0,"l":14},"width":3200,"height":2171}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-16T12:40:46.044Z","updatedAt":"2026-07-16T12:40:46.044Z"},{"id":"019f4705-7076-743e-bad4-7245aa2868af","title":null,"body":"

Made a small new Framer component: Better Parallax

Mostly because I was tired of rebuilding this on every site.

It’s just a clean image/video parallax block, but with the boring parts handled: lazy loading, poster fallback, video mounting, canvas/static/reduced-motion states, shared scroll updates, radius, direction, etc.

Nothing overbuilt. Just a better default when a page needs a bit of scroll depth.

Grab it for free below.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Made a small new Framer component: Better Parallax"}]},{"type":"paragraph","content":[{"type":"text","text":"Mostly because I was tired of rebuilding this on every site."}]},{"type":"paragraph","content":[{"type":"text","text":"It’s just a clean image/video parallax block, but with the boring parts handled: lazy loading, poster fallback, video mounting, canvas/static/reduced-motion states, shared scroll updates, radius, direction, etc."}]},{"type":"paragraph","content":[{"type":"text","text":"Nothing overbuilt. Just a better default when a page needs a bit of scroll depth."}]},{"type":"paragraph","content":[{"type":"text","text":"Grab it for free below."}]}]},"author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"FwTaiAYCXr1uOCsoi65u","resolved":true,"title":"Better Parallax","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Parallax usually starts with one image."}]},{"type":"paragraph","content":[{"type":"text","text":"You add a bit of depth, it works, and suddenly you want it everywhere else."}]},{"type":"paragraph","content":[{"type":"text","text":"That is where most parallax setups start getting messy. Once the effect spreads across the page, every instance can become another thing the browser has to watch, load, pause, and update."}]},{"type":"paragraph","content":[{"type":"text","text":"I made this one for exactly that reason, so parallax stays easy to repeat without bringing all that extra work with it."}]},{"type":"customHeading","content":[{"type":"text","text":"What makes it Better"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Native first, shared fallback","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"When the browser and layout support it, Better Parallax uses native CSS scroll-driven animations. Other setups use one shared, event-driven JavaScript engine instead of adding a separate scroll loop for every block."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built for repeated use","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Add multiple instances across the same page while keeping runtime work coordinated and inactive components quiet."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Media only loads and plays when needed","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Posters render first. Lazy videos mount as they approach the viewport. With Autoplay enabled, videos pause when they leave, resume when they return, and respect reduced-motion preferences."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay stays under your control","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Turn Autoplay off to keep the image poster visible without loading or playing the video."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible, controlled video sources","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Upload MP4 or WebM files directly through Framer, or use direct HTTPS MP4/WebM URLs hosted on Framer, Cloudinary, Mux, or Supabase. YouTube, Vimeo, HLS playlists, webpage links, and other external hosts are not supported."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Contact & Support"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Questions about setup, product, or licensing: "},{"type":"text","text":"alexandre@madebymash.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:alexandre@madebymash.com","target":"_blank"}}]}]}]},"introduction":"Scroll depth without the tax","slug":"better-parallax","author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/zyt1qjlv","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-07-09T13:16:06.352Z","updatedAt":"2026-08-12T11:45:27.747Z","publishedAt":"2026-07-09T13:16:06.348Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/better-parallax-qSnh7Y.js@DvOO3NfQ7eru3ugnTdtZ","previewUrl":"https://betterparallax.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"DvOO3NfQ7eru3ugnTdtZ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":42,"liked":false},"comments":{"count":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-09T13:16:06.646Z","updatedAt":"2026-07-09T13:16:06.646Z"},{"id":"019f1832-775f-7798-a22e-80a591c3df90","title":null,"body":"

Had a brand direction project with Compound, an early-stage French soda company.

I wanted to see if I still needed Figma for this kind of work, so I did the whole thing in Framer.

Turns out, not really.

With a few tricks, I can pretty much do whatever I want from here now.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Had a brand direction project with Compound, an early-stage French soda company."}]},{"type":"paragraph","content":[{"type":"text","text":"I wanted to see if I still needed Figma for this kind of work, so I did the whole thing in Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Turns out, not really."}]},{"type":"paragraph","content":[{"type":"text","text":"With a few tricks, I can pretty much do whatever I want from here now."}]}]},"author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/4z4ue7uc","metadata":{"tint":{"h":240,"s":53,"l":70},"width":3072,"height":2048}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/ibt9ryga","metadata":{"tint":{"h":240,"s":50,"l":6},"width":3072,"height":2048}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/3bwpgngj","metadata":{"tint":{"h":240,"s":50,"l":6},"width":3072,"height":2048}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/svnjt028","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3072,"height":2048}}],"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":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-30T11:03:18.624Z","createdAt":"2026-06-30T11:03:08.387Z","updatedAt":"2026-06-30T11:03:18.624Z"},{"id":"019eef8a-eb38-75fb-8db8-a05cbeaeaf07","title":null,"body":"

Better Grain update.

I optimized the texture system further so it holds up better across real Framer pages.

The main change: Better Grain now uses reused WebP texture assets instead of per-instance noise generation. Static mode uses embedded WebP tiles. Animated mode uses WebP sprite sheets, stepped CSS motion, viewport-gated animation, and static fallbacks for canvas, static render, restricted render, and reduced motion.

I stress-tested 100 placements on one page under 20× Lighthouse CPU throttling. Because the same texture assets are reused across placements, the page does not generate 100 unique noise layers. In that setup, the 100 placements resolved closer to 2 reused texture sources than 100 separate generators.

Grab it here:

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Better Grain update."}]},{"type":"paragraph","content":[{"type":"text","text":"I optimized the texture system further so it holds up better across real Framer pages."}]},{"type":"paragraph","content":[{"type":"text","text":"The main change: Better Grain now uses reused WebP texture assets instead of per-instance noise generation. Static mode uses embedded WebP tiles. Animated mode uses WebP sprite sheets, stepped CSS motion, viewport-gated animation, and static fallbacks for canvas, static render, restricted render, and reduced motion."}]},{"type":"paragraph","content":[{"type":"text","text":"I stress-tested 100 placements on one page under 20× Lighthouse CPU throttling. Because the same texture assets are reused across placements, the page does not generate 100 unique noise layers. In that setup, the 100 placements resolved closer to 2 reused texture sources than 100 separate generators."}]},{"type":"paragraph","content":[{"type":"text","text":"Grab it here:"}]}]},"author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://framer.link/ihfIaf8","metadata":{"title":"Better Grain: Free Interactions Component by ALEXANDRE","description":"Texture without the tax — Better Grain by ALEXANDRE — explore this Framer Component on the Framer Marketplace and customize it in Framer's no-code website builder.","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/a63caf443c7f3607/image.jpg","siteName":"Framer Community","faviconUrl":null}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-22T13:38:00.206Z","createdAt":"2026-06-22T13:35:19.355Z","updatedAt":"2026-06-22T13:38:00.206Z"},{"id":"019edec6-0247-752a-a72c-31977b98c87b","title":null,"body":"

@Framer small UX feedback: it would be useful to have a setting to hide the Agent tab when you’re out of credits.

Right now the editor seems to reset back to Agent between pages, I keep having to click back into Style just to keep working.

I get that the upgrade CTA needs to stay visible, but once a builder is out of credits, the Agent tab becomes more friction than help.

A simple setting could solve it:

Show Agent tab when out of credits: ON by default

Then builders who don’t want the interruption can turn it off. Keeps the upsell there, but gives control to people who are still building.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"@Framer small UX feedback: it would be useful to have a setting to hide the Agent tab when you’re out of credits."}]},{"type":"paragraph","content":[{"type":"text","text":"Right now the editor seems to reset back to Agent between pages, I keep having to click back into Style just to keep working."}]},{"type":"paragraph","content":[{"type":"text","text":"I get that the upgrade CTA needs to stay visible, but once a builder is out of credits, the Agent tab becomes more friction than help."}]},{"type":"paragraph","content":[{"type":"text","text":"A simple setting could solve it:"}]},{"type":"paragraph","content":[{"type":"text","text":"Show Agent tab when out of credits: ON by default","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Then builders who don’t want the interruption can turn it off. Keeps the upsell there, but gives control to people who are still building."}]}]},"author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/6h8q0skj","metadata":{"tint":{"h":0,"s":0,"l":9},"width":349,"height":391}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":5},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-19T07:26:19.210Z","updatedAt":"2026-06-19T07:26:19.210Z"},{"id":"019ed525-9dbd-706a-b0c0-7ac96e2b47c2","title":null,"body":"

Who else is quietly using the Framer hackathon credits to build something else?

I started working on one of the small things that keeps annoying me on websites.

Smooth scroll.

It always looks good in the demo.

Then you open Safari, try a trackpad, check mobile, click an anchor link, and suddenly the nice detail becomes another thing to babysit.

So I am testing a scroll setup for Framer that can live in the layout and stop making every page feel slightly weird.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Who else is quietly using the Framer hackathon credits to build something else?"}]},{"type":"paragraph","content":[{"type":"text","text":"I started working on one of the small things that keeps annoying me on websites."}]},{"type":"paragraph","content":[{"type":"text","text":"Smooth scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"It always looks good in the demo."}]},{"type":"paragraph","content":[{"type":"text","text":"Then you open Safari, try a trackpad, check mobile, click an anchor link, and suddenly the nice detail becomes another thing to babysit."}]},{"type":"paragraph","content":[{"type":"text","text":"So I am testing a scroll setup for Framer that can live in the layout and stop making every page feel slightly weird."}]}]},"author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/lk0z05ub","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1086,"height":1448}}],"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":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-17T11:54:17.846Z","createdAt":"2026-06-17T10:34:32.770Z","updatedAt":"2026-06-17T11:54:17.846Z"},{"id":"019e98ad-644c-782d-b45e-7db028f14171","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"fHAdYS1G8LSbxc42VzSc","resolved":true,"title":"Better Counter","body":"$64","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About Better Counter"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A counter looks simple until it starts moving."}]},{"type":"paragraph","content":[{"type":"text","text":"Then the hidden problems show up: React re-renders, jumping digits, awkward formatting, and screen readers hearing the animation instead of the result."}]},{"type":"paragraph","content":[{"type":"text","text":"Better Counter is built for those hidden parts. It animates through browser animation frames and direct text updates, keeps digits stable, formats the final value, and gives screen readers one clean result."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for stats, prices, percentages, and metrics that need clean motion without the mess around it."}]},{"type":"customHeading","content":[{"type":"text","text":"Why Better Counter"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No React re-render loop","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"The visual number updates with browser animation frames and direct text changes, so React does not re-render every count step."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Digits stay stable","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Hidden ghost values reserve width, while padding, grouping, decimals, prefixes, suffixes, and tabular numbers are handled from the controls."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Screen readers get one value","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"The animated number is hidden from assistive tech, while a separate value exposes the final formatted number."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion respects context","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Static render, reduced motion, above-fold final mode, and viewport-triggered animation are handled."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Good fit / Wrong fit"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Good fit:","marks":[{"type":"bold"}]},{"type":"text","text":" stats, prices, percentages, and metrics that need clean motion."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wrong fit:","marks":[{"type":"bold"}]},{"type":"text","text":" odometers, show-off animations, or full dashboards."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Contact & Support"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Questions about setup, product, or licensing: "},{"type":"text","text":"alexandre@madebymash.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:alexandre@madebymash.com","target":"_blank"}}]}]}]},"introduction":"The boring good counter","slug":"better-counter","author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Ls670E2bGsRQy6zjvmSe/better-counter-abyAPasanVM7s3NSc5hzv0C1AcZmQU","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-02T16:10:12.141Z","updatedAt":"2026-08-12T11:45:50.706Z","publishedAt":"2026-06-05T16:46:00.780Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Better-Counter-gIUmcj.js@OouGXUiJwH6FhtixE37T","previewUrl":"https://bettercounter.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"OouGXUiJwH6FhtixE37T","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-05T16:46:00.780Z","updatedAt":"2026-06-05T16:46:00.780Z"},{"id":"019e69e1-3139-7c95-8532-17117a81a220","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"62960","resolved":true,"title":"ELAPS®","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Live Preview →","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://elaps.framer.website/","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"About ELAPS"},{"type":"emoji","attrs":{"name":"registered","emoji":"®"}}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"When post works, clients see the final piece, not the decisions behind it. ELAPS"},{"type":"emoji","attrs":{"name":"registered","emoji":"®"}},{"type":"text","text":" gives those decisions a place to be seen."}]},{"type":"paragraph","content":[{"type":"text","text":"A strong post studio site is not a cleaner reel. It shows what the studio shaped, what it offers, and how to start a serious brief. ELAPS"},{"type":"emoji","attrs":{"name":"registered","emoji":"®"}},{"type":"text","text":" gives post-production studios, motion teams, and editorial teams one site for work, services, briefs, and hiring."}]},{"type":"paragraph","content":[{"type":"text","text":"Project pages give context to the cut, finish, role, media, and delivery. The brief form turns interest into scope, budget, assets, and a real intake path."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for studios that need an intake hub, not a reel with a contact link."}]},{"type":"customHeading","content":[{"type":"text","text":"Why ELAPS"},{"type":"emoji","attrs":{"name":"registered","emoji":"®"}}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The post work is visible","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Show the cut, finish, role, context, media, and delivery behind the final piece, so the studio’s work does not disappear behind client footage."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The offer becomes brief-ready","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Services, pricing, process, and insights help prospects understand scope before they start a brief."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Intake is built in","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Brief, contact, and careers paths route new projects and hiring from one site."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The studio base is prepared","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"CMS, forms, metadata, JSON-LD guidance, accessibility details, custom code, site overrides, and launch notes are included."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Good fit / Wrong fit"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Good fit:","marks":[{"type":"bold"}]},{"type":"text","text":" you need one site for work, services, briefs, and hiring."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wrong fit:","marks":[{"type":"bold"}]},{"type":"text","text":" you want a polished reel, a generic shell, or no intake path."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"What’s included"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Setup guide","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Clear notes for content, media, links, and launch checks."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Pro bonus","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"3 months of Framer Pro with the included partner discount code."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lifetime updates","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"ELAPS"},{"type":"emoji","attrs":{"name":"registered","emoji":"®"}},{"type":"text","text":" is improved over time, with changes listed inside the template’s update log."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Contact & Support"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Questions about setup, product, or licensing: "},{"type":"text","text":"alexandre@madebymash.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:alexandre@madebymash.com","target":"_blank"}}]}]}]},"introduction":"Post-production studio site","slug":"elaps","author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62960/elaps-o14FEna2qa6TO43OcJvfMRzNXG8pVF","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62960/elaps-b04ttuy8qZFMWnTaIjdPjOiLLO5dfD","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62960/elaps-bweHUUHSrJzyLqLHtuCYC5nfqrCOEw","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62960/elaps-gsMonzIoAlBLrvESPrrSbieMU31dqI","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-24T14:01:03.349Z","updatedAt":"2026-08-12T11:43:33.270Z","publishedAt":"2026-05-27T14:40:26.425Z","featuredAt":null,"approvedAt":"2026-06-01T14:46:12.987Z","type":"template","attributes":{"price":"129","paymentUrl":"https://buy.polar.sh/polar_cl_CQHd2Dsiw4okp6mZvBb15onAJrIZGybF6AbXg00VBOn?locale=en","remixUrl":null,"previewUrl":"https://elaps.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":248,"name":"Services","slug":"professional-services"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":208,"name":"Dark","slug":"dark"},{"id":222,"name":"Grid","slug":"grid"},{"id":261,"name":"Typographic","slug":"typographic"}],"mainCategory":{"id":273,"name":"Design","slug":"design"},"features":[{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":30,"name":"Forms","slug":"forms"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-27T14:40:26.425Z","updatedAt":"2026-05-27T14:40:26.425Z"},{"id":"019b9c9c-2eb9-745e-a5c4-9d25b91c59c4","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"pq3dQfkY9CYjYAUVx3UN","resolved":true,"title":"Better Grain","body":"$66","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About Better Grain"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Grain is easy in one hero. The tax shows up across a real page."}]},{"type":"paragraph","content":[{"type":"text","text":"Better Grain is a Framer grain overlay built around embedded WebP tiles and sprite sheets, not per-instance noise generation. Drop it on a section, set Quality, Motion, and Scale, then reuse the same texture system across sections."}]},{"type":"paragraph","content":[{"type":"text","text":"Motion Off stays static. Animated modes run stepped sprite loops near the viewport, with static fallbacks for Canvas and reduced-motion contexts."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for builders who need grain to survive the page, not just look good in one hero."}]},{"type":"customHeading","content":[{"type":"text","text":"Why Better Grain"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shared texture assets","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Static tiles and animated sprite sheets stay embedded and are reused across placements, instead of generating fresh noise per overlay."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion is gated","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Animated grain stays static offscreen, then runs near the viewport using stepped CSS keyframes with Subtle and Normal presets."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer fallbacks are handled","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Canvas, static render, restricted render, and reduced-motion contexts return to static texture instead of forcing animation."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The overlay stays passive","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Better Grain is pointer-safe and hidden from assistive tech, so it adds texture without blocking clicks or becoming interface content."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Good fit / Wrong fit"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Good fit:","marks":[{"type":"bold"}]},{"type":"text","text":" you need controlled grain across repeated Framer sections."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wrong fit:","marks":[{"type":"bold"}]},{"type":"text","text":" you only want hero grain or a shader-level film look."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Contact & Support"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Questions about setup, product, or licensing: "},{"type":"text","text":"alexandre@madebymash.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:alexandre@madebymash.com","target":"_blank"}}]}]}]},"introduction":"Texture without the tax","slug":"better-grain","author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/6geoi4jb","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-26T09:28:37.917Z","updatedAt":"2026-08-12T11:46:06.374Z","publishedAt":"2026-01-08T07:57:19.929Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/BetterGrain-TmcP.js@BcwISCg6UekXCNnY7xCh","previewUrl":"https://bettergrain.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"BcwISCg6UekXCNnY7xCh","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":33,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-08T07:57:19.929Z","updatedAt":"2026-01-08T07:57:19.929Z"},{"id":"019ada0c-3ce2-7742-8b05-16eccf98c9ea","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"kXiCGdR0imThZEhaYOjO","resolved":true,"title":"Cursor Coordinates","body":"$67","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About Cursor Coordinates"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Pointer movement is easy to feel. Cursor Coordinates makes it readable without pretending to track real location."}]},{"type":"paragraph","content":[{"type":"text","text":"Pointer position becomes a live coordinate label inside a Framer component. Use Plain, Lat/Lng, or DMS, place it around the frame or let it follow the cursor, then style it from the controls."}]},{"type":"paragraph","content":[{"type":"text","text":"It reads pointer position only. Bounds are cached, updates are batched with browser frames, and optional trails use a bounded buffer instead of rebuilding the path from scratch."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for interactive maps, spatial demos, data visuals, canvas sections, and product interfaces where movement needs readable feedback."}]},{"type":"customHeading","content":[{"type":"text","text":"Why Cursor Coordinates"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pointer data, not GPS","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"The label maps pointer position inside the component to Lat/Lng-style values without reading real location data."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Movement stays light","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Bounds are cached with ResizeObserver and pointer updates are batched with browser frames, so the component does not measure layout on every move."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Formats are built in","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Plain, Lat/Lng, and DMS formats are available, with decimal precision controls and tabular numbers for a stable label."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Display stays controlled","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Fixed positions, follow-cursor mode, offsets, label styling, and optional SVG trails are handled from Framer controls."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Good fit / Wrong fit"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Good fit:","marks":[{"type":"bold"}]},{"type":"text","text":" interactive maps, spatial demos, data visuals, and cursor feedback."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wrong fit:","marks":[{"type":"bold"}]},{"type":"text","text":" real GPS, analytics tracking, or stored pointer history."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Contact & Support"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Questions about setup, product, or licensing: "},{"type":"text","text":"alexandre@madebymash.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:alexandre@madebymash.com","target":"_blank"}}]}]}]},"introduction":"Live pointer data, made visual","slug":"cursor-gps-tracker","author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/kXiCGdR0imThZEhaYOjO/cursor-gps-tracker-iR7vLRhMG9i1hTCMJqKed6MAoGMDqD","metadata":{"tint":{"h":0,"s":53,"l":66},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-25T08:58:57.341Z","updatedAt":"2026-08-12T11:46:22.504Z","publishedAt":"2025-12-01T13:13:46.466Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/GPSTracker-MM6B.js@1q49hALZTcdSigkLwhou","previewUrl":"https://cursorgpstracker.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"1q49hALZTcdSigkLwhou","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-01T13:13:46.466Z","updatedAt":"2025-12-01T13:13:46.466Z"},{"id":"019a788c-7436-7c4c-804c-f36c8e1c092e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"fe3hPjvyETNKXKhO6Sdc","resolved":true,"title":"Infinite 2D Grid","body":"$68","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About Infinite 2D Grid"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A wall is easy in a screenshot. The cost shows up when people start moving through it."}]},{"type":"paragraph","content":[{"type":"text","text":"Infinite 2D Grid renders the tiles in and around the viewport, then repeats your connected Framer items across an endless 2D surface. The wall feels open, while the page only carries the tiles people can reach."}]},{"type":"paragraph","content":[{"type":"text","text":"Drag, wheel movement, momentum, parallax, press feedback, and focus states are handled without loading the full wall at once. Built for galleries, archives, portfolio indexes, and visual walls that need endless movement without page weight."}]},{"type":"customHeading","content":[{"type":"text","text":"Why Infinite 2D Grid"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Viewport tiles plus buffer","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The component mounts the tiles in and around the viewport, instead of loading the full wall into the page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Movement stays direct","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Drag, wheel movement, momentum, parallax, press states, and scroll feedback run through browser frames and transform updates."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interaction stays usable","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Links, pointer access, keyboard focus, and screen reader access stay active on usable tiles, while offscreen duplicates are disabled."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer states are covered","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Static render, canvas preview, reduced motion, item limits, ratios, columns, gaps, variation, and focus styling are handled."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Good fit / Wrong fit"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Good fit:","marks":[{"type":"bold"}]},{"type":"text","text":" visual walls, galleries, archives, and indexes that need clean 2D movement."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wrong fit:","marks":[{"type":"bold"}]},{"type":"text","text":" fixed editorial grids, precise masonry layouts, or media-heavy walls where media loading matters more than movement."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Contact & Support"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Questions about setup, product, or licensing: "},{"type":"text","text":"alexandre@madebymash.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:alexandre@madebymash.com","target":"_blank"}}]}]}]},"introduction":"Media wall, kept light","slug":"infinite-2d-grid","author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/fe3hPjvyETNKXKhO6Sdc/infinite-2d-grid-m5sXoFFqP27r87G3tQq3BuWUCKe2KG","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-03T09:19:36.894Z","updatedAt":"2026-08-12T11:46:37.406Z","publishedAt":"2025-11-12T14:51:02.070Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://infinite2dgridbymash.framer.website/","price":"29","paymentUrl":"https://buy.polar.sh/polar_cl_SrWeAE4wnXFORNeYZeaW66yp63OZp1M4WgVni0py7Xg?locale=en","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"L750AgZLVY4M4w75XxCw","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-12T14:51:02.070Z","updatedAt":"2025-11-12T14:51:02.070Z"},{"id":"019a2aea-07e6-7fee-b754-3ec79075564e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"56782","resolved":true,"title":"ELIAS®","body":"$69","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Live Preview →","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://elias-korr.framer.website/","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"About ELIAS"},{"type":"emoji","attrs":{"name":"registered","emoji":"®"}}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Your work already has the image. ELIAS"},{"type":"emoji","attrs":{"name":"registered","emoji":"®"}},{"type":"text","text":" gives it the frame."}]},{"type":"paragraph","content":[{"type":"text","text":"A strong portfolio is not about showing more. It is about making selection feel intentional. ELIAS"},{"type":"emoji","attrs":{"name":"registered","emoji":"®"}},{"type":"text","text":" is built for photographers, filmmakers, and visual studios who want fewer projects to feel stronger, with enough structure for each project to keep its own rhythm."}]},{"type":"paragraph","content":[{"type":"text","text":"The main work gets space. The archive holds secondary work without weakening the selection. The site stays restrained enough to support the work without becoming the part people remember."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for image-led portfolios where projects do not all need the same shape."}]},{"type":"customHeading","content":[{"type":"text","text":"Why ELIAS"},{"type":"emoji","attrs":{"name":"registered","emoji":"®"}}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The work stays in front ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Large visuals and quiet navigation make the first impression about the work, not the website around it."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Projects keep their rhythm ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Some need one image. Others need film, credits, writing, embeds, or context. Each project can take the shape it needs."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The archive protects the selection ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Keep fragments, references, older work, and loose stills visible without weakening the main portfolio."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The publishing base is prepared ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Mobile states, media-weight guidance, accessibility details, and an editable metadata structure are included, with notes for the launch pass."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Good fit / Wrong fit"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Good fit:","marks":[{"type":"bold"}]},{"type":"text","text":" you want fewer projects to feel stronger."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wrong fit:","marks":[{"type":"bold"}]},{"type":"text","text":" you want to show everything, use one layout everywhere, or let effects create the taste."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"What’s included"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Setup guide","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Clear notes for content, media, links, and launch checks."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Pro bonus","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"3 months of Framer Pro with the included partner discount code."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lifetime updates","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"ELIAS"},{"type":"emoji","attrs":{"name":"registered","emoji":"®"}},{"type":"text","text":" is improved over time, with changes listed inside the template’s update log."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Contact & Support"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Questions about setup, product, or licensing: "},{"type":"text","text":"alexandre@madebymash.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:alexandre@madebymash.com","target":"_blank"}}]}]}]},"introduction":"Image-led portfolio frame","slug":"elias","author":{"framerUserId":"74b6f1af-e323-4a02-9c54-46f511512cea","name":"ALEXANDRE","slug":"alexherbigneaux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74b6f1af-e323-4a02-9c54-46f511512cea/dbon2qx8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/56782/elias-PquAugBtbUIUmFpsYhDqC1LSiEtpO2","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/56782/elias-Y6Wof8xYxDA9bKYufPt4VdjPEZFzBH","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/56782/elias-pNnPJ59HhwRVsVGYzTjk2OHO67qoE9","metadata":{"tint":{"h":120,"s":8,"l":31},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-14T13:03:21.207Z","updatedAt":"2026-08-17T07:38:40.789Z","publishedAt":"2025-10-28T13:02:51.878Z","featuredAt":null,"approvedAt":"2026-06-01T14:46:12.987Z","type":"template","attributes":{"price":"79","paymentUrl":"https://buy.polar.sh/polar_cl_Ms8bbPR9ql9lEv9AgdywGTJpg7tO9TsbxL5FP30dVhV?locale=en","remixUrl":null,"previewUrl":"https://elias-korr.framer.website/","categories":[{"id":17,"name":"Photography","slug":"photography"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":188,"name":"Art & Design","slug":"art-and-design"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":234,"name":"Large Type","slug":"large-type"},{"id":261,"name":"Typographic","slug":"typographic"}],"mainCategory":{"id":17,"name":"Photography","slug":"photography"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":39,"name":"Selection Styles","slug":"selection-styles"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":16,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-28T13:02:51.878Z","updatedAt":"2025-10-28T13:02:51.878Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L6a"}]