61: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"] 62:T96b,

A full multi-page template for design studios — case studies, team, services, and labs, all built with cursor-reactive motion instead of static layouts. Free to remix, production-ready.

About this Template

Studio HRSE turns the standard agency site into a motion-driven experience for studios that live or die by first impressions — every page, down to the 404, feels intentional rather than templated.

Demo test here

https://hrse.framer.website/

Perfect for

Design & Branding Studios: a case-study-to-contact structure built to close high-ticket clients.
Freelance Designers: agency-grade presence without building the interaction layer yourself.
Boutique Studios: reads like a 10-person shop, run by one.

Feature Highlights

Cursor-Aware Nav: follows the cursor to confirm where you are.
Interactive Team Cards: hover reveals a reactive detail layer on each bio.
Cinematic Case Studies: grid-to-detail flow with scroll transitions straight into the next project.
Physics-Driven Labs Grid: a drifting gallery that shows range beyond client work.

The Why

Building this cursor-reactive detail and scroll choreography from scratch is a week of senior dev work. Studio HRSE hands you that foundation already solved — responsive and bulletproof across devices.

How to Use

Remix into your workspace and swap in your content.
Adjust colors, type, and imagery to match your identity.
Test every interaction, then publish.

Refund Policy

All sales are final — digital products are non-refundable once you access the source files or Remix Link. Explore the live preview thoroughly before buying; we provide detailed previews so you can confirm fit. Need implementation help? We don't offer refunds, but our support team will help you get it working: hello@madrepunk.com

63:T8ea,

About this Component

BulgeLens elevates standard sliders into elite, tactile experiences. It eliminates the interactive complexity gap, delivering senior-dev WebGL quality instantly without custom coding.

Demo test here

https://bulgelens.framer.website/playground

Perfect for

Creative Agencies: Build portfolios with Swiss design minimalism and stopping power.
Luxury E-Commerce: Present products in physically grounded, premium interactive galleries.
Photography Studios: Frame visuals with cinematic lighting, authentic grain, and fluid motion.
SaaS Landing Pages: Turn standard feature lists into an immersive scroll journey.

Feature Highlights

Cinematic States: Out-of-the-box lens distortion, dimming, and authentic film grain.
Fluid Momentum Physics: True-to-life drag interactions with velocity ripples and stretch.
Optical Arc Geometry: Curve your gallery into a dimensional arc for deep physical scale.
Choreographed Reveals: Captivate users instantly with staggered cinematic mask wipes.

The "Why"

Why struggle with complex React Three Fiber pipelines? BulgeLens handles the heavy lifting, ensuring your final product is production-ready, highly optimized, and bulletproof across all devices. Save days of development while achieving award-winning quality.

🛠 How to Use (3 Simple Steps)

Set Your Foundation: Drag BulgeLens to the canvas and connect your standard image layers.
Define the Aesthetic: Adjust the optical arc curve, grain, and hover distortion.
Preview & Deploy: Test the fluid physics in preview mode and publish instantly.

64:T468,

I still don't have the right words for this, I can only feel it.

This month, Madrepunk™ won an Awwwards No-Code Honors. My first award, and my first international recognition.

In 2024 I walked out of a job with no plan B and decided to bet on myself, freelance, on my own terms, building the kind of work I actually wanted to make. That's the year Madrepunk started.

It's also when I got serious about @Framer. There was no going back after that. Since then: 25+ projects, some just UI/UX, others full builds from design to code.

I spent that whole time watching designers I admire, studying how they think, training my eye project after project, not talent, just repetition.

Two years in, this feels like proof the direction is right, and I'm already working toward the next one.

To everyone who backed me, believed in this, and voted for my work: thank you. This is as much yours as it is mine.

65:T878,

About this Component

Button Group Pro turns plain buttons into a motion-driven, form-ready selection system — handling single or multi-select logic, cinematic native transitions, and full color control across every state, without a line of code.

Demo test here: https://buttongrouppro.framer.website/

Perfect for

Quiz & Surveys: Animated, tactile answer selectors.
E-commerce Filters: Instant feedback for size, color, plan picks.
Onboarding Screens: Turn setup steps into an interactive moment.
Pricing Toggles: Selectable plan cards instead of flat checkboxes.

Feature Highlights

Single or Multi-Select: One toggle switches selection behavior.
Cinematic Transitions: Native Framer Transition control for fluid states.
Grid & Wrap Layouts: Full control over alignment, spacing, width.
Total Color Command: Independent fill, text, border per state.
Form-Ready: Hidden input, field name, required validation built in.

The "Why"

Building an animated, form-integrated button selector from scratch means juggling state, transitions, and accessibility at once. Button Group Pro ships production-ready and bulletproof across every device — just style it to match your brand.

🛠 How to Use (3 Simple Steps)

Set Your Foundation: Drag it onto the canvas and add your Options.
Define the Aesthetic: Style colors per state, layout, transition curve.
Preview & Deploy: Connect the field name to your Form and publish.

66:T7ad,

About this Template

Nomen Studio is a production-ready Framer template for design studios and creative agencies that want to lead with visual authority. Editorial layout, live city clock, CMS portfolio, and cinematic scroll — all structured and ready to deploy.

Perfect for

Independent Design Studios: Command authority before prospects read a single word.
Freelance Art Directors: Stand out with an editorial presence that rivals top-tier studios.
Motion & Digital Agencies: Showcase campaigns and case studies through a scalable CMS.
Framer Developers: A polished base to white-label and deliver to clients at a premium.

Feature Highlights

Live City Clock: Real-time timezone display — small detail, massive credibility.
CMS-Powered Portfolio: Add and update projects without touching a line of code.
Marquee Hero: Typographically bold entrance that anchors your brand from frame one.
Testimonial System: Rotating social proof with visual restraint.

The "Why"

Building this from scratch takes 40–80 hours. Nomen Studio compresses that into a single remix — senior-level layout decisions already made, ready to populate and launch.

🛠 How to Use

Set Your Foundation: Replace studio name, city, timezone, and contact info.
Define the Aesthetic: Swap typography, colors, and upload your work into the CMS.
Preview & Deploy: Check breakpoints, publish, go live.

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-996ba54f-9068-4ef0-a8a2-fc806efd2006-all:/unified/creator/996ba54f-9068-4ef0-a8a2-fc806efd2006/activity/":[{"data":[{"id":"01a0ba7d-c5d1-7574-b069-a8a0be021017","type":"creator.followed","target":{"type":"creator","id":"9e828f8e-409a-465d-8301-c8749cd09d12","preview":"Design Origin","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e828f8e-409a-465d-8301-c8749cd09d12/0enarhi6","slug":"design-origin","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T16:26:39.948Z","latestAt":"2026-09-19T16:26:39.948Z"},{"id":"01a0b0e7-3723-776d-b113-bafde88d38f7","type":"template.liked","target":{"type":"template","id":"73322","preview":"SYLLAGE","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a79060c-b5f7-46b8-b12c-7fb0b7e54e98/01a0b0de-56bb-775c-80ee-1844ff745545.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-17T19:45:38.074Z","latestAt":"2026-09-17T19:45:38.074Z"},{"id":"01a0ac86-c7c0-735a-884a-ed468082285c","type":"comment.reply","target":{"type":"post","id":"01a0a66f-3d52-75a9-b724-3542dcfbfc5c","preview":"The Studio page in STUDIO HRSE, founding year, team, awards, all built to move. This is the page that sells the agency before the work does. Link in the comments 👇","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The Studio page in STUDIO HRSE, founding year, team, awards, all built to move. This is the page that sells the agency before the work does. Link in the comments "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"thumbnail":"https://image.mux.com/y4Qo9Tht62RfDs01FcpVVjP5oJ39BBsrLFNoclqMTJhY/thumbnail.webp?time=2.617","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a66f-3d52-75a9-b724-3542dcfbfc5c","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0ac86-c7aa-75f7-bd19-67809d2c5a4e","preview":"Thanks bro","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks bro"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0a66f-3d52-75a9-b724-3542dcfbfc5c","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0ac52-cc13-7498-9e89-7f2127577f38"},"repost":null}},"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T23:21:49.248Z","latestAt":"2026-09-16T23:21:49.248Z"},{"id":"01a0ac86-b4e6-77f9-ae38-34903a8dbbce","type":"comment.liked","target":{"type":"comment","id":"01a0ac52-cc13-7498-9e89-7f2127577f38","preview":"Ah nice man, clean and calm.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Ah nice man, clean and calm."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0a66f-3d52-75a9-b724-3542dcfbfc5c","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0ac52-cc13-7498-9e89-7f2127577f38"},"repost":null}},"context":{"type":"post","id":"01a0a66f-3d52-75a9-b724-3542dcfbfc5c","preview":"The Studio page in STUDIO HRSE, founding year, team, awards, all built to move. This is the page that sells the agency before the work does. Link in the comments 👇","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The Studio page in STUDIO HRSE, founding year, team, awards, all built to move. This is the page that sells the agency before the work does. Link in the comments "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"thumbnail":"https://image.mux.com/y4Qo9Tht62RfDs01FcpVVjP5oJ39BBsrLFNoclqMTJhY/thumbnail.webp?time=2.617","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a66f-3d52-75a9-b724-3542dcfbfc5c","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T23:21:44.419Z","latestAt":"2026-09-16T23:21:44.419Z"},{"id":"01a0aba9-c11e-716b-a557-7c5ed99a0a78","type":"comment.reply","target":{"type":"post","id":"01a0a66f-3d52-75a9-b724-3542dcfbfc5c","preview":"The Studio page in STUDIO HRSE, founding year, team, awards, all built to move. This is the page that sells the agency before the work does. Link in the comments 👇","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The Studio page in STUDIO HRSE, founding year, team, awards, all built to move. This is the page that sells the agency before the work does. Link in the comments "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"thumbnail":"https://image.mux.com/y4Qo9Tht62RfDs01FcpVVjP5oJ39BBsrLFNoclqMTJhY/thumbnail.webp?time=2.617","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a66f-3d52-75a9-b724-3542dcfbfc5c","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0aba9-c101-7568-bdf1-bf9c286f99dc","preview":"Thank you!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0a66f-3d52-75a9-b724-3542dcfbfc5c","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0ab03-8404-719d-83cb-24977639a99a"},"repost":null}},"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T19:20:24.094Z","latestAt":"2026-09-16T19:20:24.094Z"},{"id":"01a0aba9-9425-7205-95ca-3f392bb5585e","type":"comment.liked","target":{"type":"comment","id":"01a0ab03-8404-719d-83cb-24977639a99a","preview":"the editorial energy here is really strong","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"the editorial energy here is really strong"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0a66f-3d52-75a9-b724-3542dcfbfc5c","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0ab03-8404-719d-83cb-24977639a99a"},"repost":null}},"context":{"type":"post","id":"01a0a66f-3d52-75a9-b724-3542dcfbfc5c","preview":"The Studio page in STUDIO HRSE, founding year, team, awards, all built to move. This is the page that sells the agency before the work does. Link in the comments 👇","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The Studio page in STUDIO HRSE, founding year, team, awards, all built to move. This is the page that sells the agency before the work does. Link in the comments "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"thumbnail":"https://image.mux.com/y4Qo9Tht62RfDs01FcpVVjP5oJ39BBsrLFNoclqMTJhY/thumbnail.webp?time=2.617","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a66f-3d52-75a9-b724-3542dcfbfc5c","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T19:20:12.575Z","latestAt":"2026-09-16T19:20:12.575Z"},{"id":"01a0aadd-e102-71da-b5d7-ddcc21699a8c","type":"comment.reply","target":{"type":"post","id":"01a0a66f-3d52-75a9-b724-3542dcfbfc5c","preview":"The Studio page in STUDIO HRSE, founding year, team, awards, all built to move. This is the page that sells the agency before the work does. Link in the comments 👇","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The Studio page in STUDIO HRSE, founding year, team, awards, all built to move. This is the page that sells the agency before the work does. Link in the comments "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"thumbnail":"https://image.mux.com/y4Qo9Tht62RfDs01FcpVVjP5oJ39BBsrLFNoclqMTJhY/thumbnail.webp?time=2.617","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a66f-3d52-75a9-b724-3542dcfbfc5c","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0aadd-e0e9-7788-b657-8d838f897cc5","preview":"Thanks","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0a66f-3d52-75a9-b724-3542dcfbfc5c","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0a823-8222-730c-9382-2b7450e5dc1c"},"repost":null}},"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T15:37:42.914Z","latestAt":"2026-09-16T15:37:42.914Z"},{"id":"01a0aadd-c8d6-761a-ac5f-f6b6819e7d62","type":"comment.liked","target":{"type":"comment","id":"01a0a823-8222-730c-9382-2b7450e5dc1c","preview":"like the typography!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"like the typography!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0a66f-3d52-75a9-b724-3542dcfbfc5c","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0a823-8222-730c-9382-2b7450e5dc1c"},"repost":null}},"context":{"type":"post","id":"01a0a66f-3d52-75a9-b724-3542dcfbfc5c","preview":"The Studio page in STUDIO HRSE, founding year, team, awards, all built to move. This is the page that sells the agency before the work does. Link in the comments 👇","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The Studio page in STUDIO HRSE, founding year, team, awards, all built to move. This is the page that sells the agency before the work does. Link in the comments "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"thumbnail":"https://image.mux.com/y4Qo9Tht62RfDs01FcpVVjP5oJ39BBsrLFNoclqMTJhY/thumbnail.webp?time=2.617","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a66f-3d52-75a9-b724-3542dcfbfc5c","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T15:37:36.723Z","latestAt":"2026-09-16T15:37:36.723Z"},{"id":"01a0aac7-cc7b-7778-9605-0707b8f4e46c","type":"creator.followed","target":{"type":"creator","id":"55ec3539-d351-4ee0-8938-ba01b1d8ed58","preview":"Milan Design Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/55ec3539-d351-4ee0-8938-ba01b1d8ed58/omhi7k1s","slug":"jonas-milan","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T15:13:35.862Z","latestAt":"2026-09-16T15:13:35.862Z"},{"id":"01a0a76d-71ad-732e-95ad-241b7b3d146b","type":"creator.followed","target":{"type":"creator","id":"6c7f4c94-b4ca-488a-a2e0-d504c4ca551d","preview":"Jurre","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29137/avatar.jpg","slug":"jurre","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-15T23:36:02.728Z","latestAt":"2026-09-15T23:36:02.728Z"},{"id":"01a0a53c-4112-7103-9987-28093348a4b7","type":"creator.followed","target":{"type":"creator","id":"5a4bda01-d65d-4f76-bdd2-3eb2920b4add","preview":"Raul Ortiz","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a4bda01-d65d-4f76-bdd2-3eb2920b4add/55wej8k4","slug":"raul-ortiz","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-15T13:23:04.554Z","latestAt":"2026-09-15T13:23:04.554Z"},{"id":"01a0a53c-31c1-71a9-b895-fbac8b0ecbe1","type":"component.liked","target":{"type":"component","id":"sYsKdywGR89K29e0WDgw","preview":"Push it Button","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/sYsKdywGR89K29e0WDgw/push-it-button-CylTEikpwwsKCW50KMWB9KnCNhzHWA","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-15T13:23:00.653Z","latestAt":"2026-09-15T13:23:00.653Z"},{"id":"01a09b98-df1f-73d9-af50-380c11b80c5b","type":"comment.reply","target":{"type":"post","id":"01a08cb8-60a6-74ca-95f1-4f1837cd381e","preview":"Went deeper on the case study layout in STUDIO HRSE, strategy, visuals, and a scroll transition straight into the next project. No dead ends. Link in the comments.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Went deeper on the case study layout in STUDIO HRSE, strategy, visuals, and a scroll transition straight into the next project. No dead ends. Link in the comments."}]}]},"thumbnail":"https://image.mux.com/W0043K8AYZfksdMHUv2tcQqQeCEiiFufcx2j01fxAbeqY/thumbnail.webp?time=10.417","targetDeleted":false,"owned":true,"actions":{"postId":"01a08cb8-60a6-74ca-95f1-4f1837cd381e","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a09b98-df06-74be-b0da-4a90d032c7ee","preview":"Thanks!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a08cb8-60a6-74ca-95f1-4f1837cd381e","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a08e79-19c4-7250-a617-cff4410585bb"},"repost":null}},"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T16:28:02.207Z","latestAt":"2026-09-13T16:28:02.207Z"},{"id":"01a09b98-cf21-713f-87df-374c331d30f2","type":"comment.liked","target":{"type":"comment","id":"01a08e79-19c4-7250-a617-cff4410585bb","preview":"the layout is cool!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"the layout is cool!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a08cb8-60a6-74ca-95f1-4f1837cd381e","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a08e79-19c4-7250-a617-cff4410585bb"},"repost":null}},"context":{"type":"post","id":"01a08cb8-60a6-74ca-95f1-4f1837cd381e","preview":"Went deeper on the case study layout in STUDIO HRSE, strategy, visuals, and a scroll transition straight into the next project. No dead ends. Link in the comments.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Went deeper on the case study layout in STUDIO HRSE, strategy, visuals, and a scroll transition straight into the next project. No dead ends. Link in the comments."}]}]},"thumbnail":"https://image.mux.com/W0043K8AYZfksdMHUv2tcQqQeCEiiFufcx2j01fxAbeqY/thumbnail.webp?time=10.417","targetDeleted":false,"owned":true,"actions":{"postId":"01a08cb8-60a6-74ca-95f1-4f1837cd381e","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T16:27:58.105Z","latestAt":"2026-09-13T16:27:58.105Z"},{"id":"01a09724-8563-7799-b739-1a95b55a3fc5","type":"comment.reply","target":{"type":"post","id":"01a0822d-3783-7031-95a7-f066dc8bbd26","preview":"The Cases page in STUDIO HRSE, a grid built to let the work breathe, with a marquee that never lets you forget where you are. Free template, live on @Framer. Link in the comments 👇","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The Cases page in STUDIO HRSE, a grid built to let the work breathe, with a marquee that never lets you forget where you are. Free template, live on "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":". Link in the comments "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"thumbnail":"https://image.mux.com/oA01Gv6e01VzzCzHXA1o8rlR9N7RcHTTFjyjCRU01Lby01I/thumbnail.webp?time=1.583","targetDeleted":false,"owned":true,"actions":{"postId":"01a0822d-3783-7031-95a7-f066dc8bbd26","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a09724-8545-72c5-8488-691eb9617eb4","preview":"Thanks!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0822d-3783-7031-95a7-f066dc8bbd26","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a09722-1b29-70b2-8918-1177f7d3e575"},"repost":null}},"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T19:42:28.195Z","latestAt":"2026-09-12T19:42:28.195Z"},{"id":"01a09724-6b28-7359-add9-94b32ec01f59","type":"comment.liked","target":{"type":"comment","id":"01a09722-1b29-70b2-8918-1177f7d3e575","preview":"The case-study pacing and hover details make this feel very tactile.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The case-study pacing and hover details make this feel very tactile."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0822d-3783-7031-95a7-f066dc8bbd26","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a09722-1b29-70b2-8918-1177f7d3e575"},"repost":null}},"context":{"type":"post","id":"01a0822d-3783-7031-95a7-f066dc8bbd26","preview":"The Cases page in STUDIO HRSE, a grid built to let the work breathe, with a marquee that never lets you forget where you are. Free template, live on @Framer. Link in the comments 👇","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The Cases page in STUDIO HRSE, a grid built to let the work breathe, with a marquee that never lets you forget where you are. Free template, live on "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":". Link in the comments "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"thumbnail":"https://image.mux.com/oA01Gv6e01VzzCzHXA1o8rlR9N7RcHTTFjyjCRU01Lby01I/thumbnail.webp?time=1.583","targetDeleted":false,"owned":true,"actions":{"postId":"01a0822d-3783-7031-95a7-f066dc8bbd26","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T19:42:21.476Z","latestAt":"2026-09-12T19:42:21.476Z"},{"id":"01a09722-f48c-7369-8cc1-7b610234e785","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"PixlForm®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T19:40:45.575Z","latestAt":"2026-09-12T19:40:45.575Z"},{"id":"01a08cb8-f235-743c-9251-ae415058e272","type":"template.liked","target":{"type":"template","id":"72801","preview":"AveniqEstate","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/23702b39-dda6-4ff7-94d2-9633272a8c88/01a08cb6-dccb-72bf-b5b1-6e8a7633df63.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-10T19:08:45.998Z","latestAt":"2026-09-10T19:08:45.998Z"},{"id":"01a0731c-74d3-72a8-b03d-f0798a4b268f","type":"site.liked","target":{"type":"site","id":"17247","preview":"Akriti Jaiswal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/34ae69fe-9a3b-4b2d-a80d-4d90ce70f11a/01a065de-583e-7065-81b1-8f9bf59f6797.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-09-05T19:47:19.886Z","latestAt":"2026-09-05T19:47:19.886Z"},{"id":"01a0731b-f1b4-750d-a269-7e5909c062cb","type":"creator.followed","target":{"type":"creator","id":"34ae69fe-9a3b-4b2d-a80d-4d90ce70f11a","preview":"Akriti Jaiswal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/34ae69fe-9a3b-4b2d-a80d-4d90ce70f11a/ay9ebmjs","slug":"helloakriti","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","slug":"mbrandao","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-05T19:46:46.320Z","latestAt":"2026-09-05T19:46:46.320Z"}],"pagination":{"next":"MjAyNi0wOS0wNVQxOTo0Njo0Ni4zMjBafDAxYTA3MzFiLWYxYjQtNzUwZC1hMjY5LTdlNTkwOWMwNjJjYg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:996ba54f-9068-4ef0-a8a2-fc806efd2006:/unified/posts/?creator=996ba54f-9068-4ef0-a8a2-fc806efd2006&with=reposts":[{"data":[{"id":"01a0b0ba-9440-735d-ad3b-2924885ab765","title":null,"body":"

The Services page in STUDIO HRSE reads more like a manifesto than a list. Numbered, editorial, no stock icons pretending to mean something. Link in the comments 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The Services page in STUDIO HRSE reads more like a manifesto than a list. Numbered, editorial, no stock icons pretending to mean something. Link in the comments 👇"}]}]},"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/t7EHWde9Mx00vt2lEUqDKsXp6e01ilwzpwwuHJ6J3nf5Q.m3u8","metadata":{"posterUrl":"https://image.mux.com/t7EHWde9Mx00vt2lEUqDKsXp6e01ilwzpwwuHJ6J3nf5Q/thumbnail.webp?time=6.05","aspectRatio":"4:3","duration":15.45}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-17T18:56:52.804Z","updatedAt":"2026-09-17T18:56:52.804Z"},{"id":"01a0a66f-3d52-75a9-b724-3542dcfbfc5c","title":null,"body":"

The Studio page in STUDIO HRSE, founding year, team, awards, all built to move. This is the page that sells the agency before the work does. Link in the comments 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The Studio page in STUDIO HRSE, founding year, team, awards, all built to move. This is the page that sells the agency before the work does. Link in the comments "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/y4Qo9Tht62RfDs01FcpVVjP5oJ39BBsrLFNoclqMTJhY.m3u8","metadata":{"posterUrl":"https://image.mux.com/y4Qo9Tht62RfDs01FcpVVjP5oJ39BBsrLFNoclqMTJhY/thumbnail.webp?time=2.617","aspectRatio":"4:3","duration":40.666667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":7},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T18:58:23.190Z","updatedAt":"2026-09-15T18:58:23.190Z"},{"id":"01a08cb8-60a6-74ca-95f1-4f1837cd381e","title":null,"body":"

Went deeper on the case study layout in STUDIO HRSE, strategy, visuals, and a scroll transition straight into the next project. No dead ends. Link in the comments.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Went deeper on the case study layout in STUDIO HRSE, strategy, visuals, and a scroll transition straight into the next project. No dead ends. Link in the comments."}]}]},"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/W0043K8AYZfksdMHUv2tcQqQeCEiiFufcx2j01fxAbeqY.m3u8","metadata":{"posterUrl":"https://image.mux.com/W0043K8AYZfksdMHUv2tcQqQeCEiiFufcx2j01fxAbeqY/thumbnail.webp?time=10.417","aspectRatio":"4:3","duration":22.55}}],"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":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-10T19:08:08.745Z","updatedAt":"2026-09-10T19:08:08.745Z"},{"id":"01a0822d-3783-7031-95a7-f066dc8bbd26","title":null,"body":"

The Cases page in STUDIO HRSE, a grid built to let the work breathe, with a marquee that never lets you forget where you are. Free template, live on @Framer. Link in the comments 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The Cases page in STUDIO HRSE, a grid built to let the work breathe, with a marquee that never lets you forget where you are. Free template, live on "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":". Link in the comments "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/oA01Gv6e01VzzCzHXA1o8rlR9N7RcHTTFjyjCRU01Lby01I.m3u8","metadata":{"posterUrl":"https://image.mux.com/oA01Gv6e01VzzCzHXA1o8rlR9N7RcHTTFjyjCRU01Lby01I/thumbnail.webp?time=1.583","aspectRatio":"4:3","duration":15.983333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-08T17:59:56.552Z","updatedAt":"2026-09-08T17:59:56.552Z"},{"id":"01a068a2-c784-734f-83f0-43e4525ed0af","title":null,"body":"

Hover a team member in STUDIO HRSE and the card tells you why they're worth knowing. Small interaction, does a lot of work. Link in the comments 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover a team member in STUDIO HRSE and the card tells you why they're worth knowing. Small interaction, does a lot of work. Link in the comments "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/og7YLRa200dlUeLr1m2TUhsKTnb5OGFABF02aujaZAanM.m3u8","metadata":{"posterUrl":"https://image.mux.com/og7YLRa200dlUeLr1m2TUhsKTnb5OGFABF02aujaZAanM/thumbnail.webp?time=1.883","aspectRatio":"4:3","duration":9.05}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-03T18:58:13.511Z","updatedAt":"2026-09-03T18:58:13.511Z"},{"id":"01a058f0-7bea-71fa-9fbd-573dc0888ec2","title":null,"body":"

Just published STUDIO HRSE on the @Framer Marketplace. Built it slower than usual, every interaction is intentional, not decorative. It's free. Link in the comments 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just published STUDIO HRSE on the "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" Marketplace. Built it slower than usual, every interaction is intentional, not decorative. It's free. Link in the comments "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/9J00t3KqtlpqCSYDIqzhkIrNIoNHJT79aWwsK7EjqvJM.m3u8","metadata":{"posterUrl":"https://image.mux.com/9J00t3KqtlpqCSYDIqzhkIrNIoNHJT79aWwsK7EjqvJM/thumbnail.webp?time=3.933","aspectRatio":"4:3","duration":16.059333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":17,"liked":false},"comments":{"count":5},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-31T17:49:10.510Z","updatedAt":"2026-08-31T17:49:10.510Z"},{"id":"01a054ff-7920-76cf-93cb-c5a7b65a7ec3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"72159","resolved":true,"title":"Studio HRSE","body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A full multi-page template for design studios — case studies, team, services, and labs, all built with cursor-reactive motion instead of static layouts. Free to remix, production-ready."}]},{"type":"customHeading","content":[{"type":"text","text":"About this Template","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Studio HRSE turns the standard agency site into a motion-driven experience for studios that live or die by first impressions — every page, down to the 404, feels intentional rather than templated."}]},{"type":"customHeading","content":[{"type":"text","text":"Demo test here","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"https://hrse.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://hrse.framer.website/","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Design & Branding Studios:","marks":[{"type":"bold"}]},{"type":"text","text":" a case-study-to-contact structure built to close high-ticket clients."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Freelance Designers:","marks":[{"type":"bold"}]},{"type":"text","text":" agency-grade presence without building the interaction layer yourself."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Boutique Studios:","marks":[{"type":"bold"}]},{"type":"text","text":" reads like a 10-person shop, run by one."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Feature Highlights","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor-Aware Nav:","marks":[{"type":"bold"}]},{"type":"text","text":" follows the cursor to confirm where you are."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Team Cards:","marks":[{"type":"bold"}]},{"type":"text","text":" hover reveals a reactive detail layer on each bio."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic Case Studies:","marks":[{"type":"bold"}]},{"type":"text","text":" grid-to-detail flow with scroll transitions straight into the next project."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Physics-Driven Labs Grid:","marks":[{"type":"bold"}]},{"type":"text","text":" a drifting gallery that shows range beyond client work."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"The Why","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Building this cursor-reactive detail and scroll choreography from scratch is a week of senior dev work. Studio HRSE hands you that foundation already solved — responsive and bulletproof across devices."}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Remix into your workspace and swap in your content."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust colors, type, and imagery to match your identity."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Test every interaction, then publish."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Refund Policy","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"All sales are final — digital products are non-refundable once you access the source files or Remix Link. Explore the live preview thoroughly before buying; we provide detailed previews so you can confirm fit. Need implementation help? We don't offer refunds, but our support team will help you get it working: "},{"type":"text","text":"hello@madrepunk.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@madrepunk.com","target":"_blank"}}]}]}]},"introduction":"Design studio template, real craft","slug":"studio-hrse","author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/996ba54f-9068-4ef0-a8a2-fc806efd2006/01a09715-3766-74ab-9ca1-f7a902627c15.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2400,"height":1800}},{"type":"video","url":"https://stream.mux.com/VB4UvGZiyshEraAKd9s01FrC99mAePHi39sCwSbL1l00k.m3u8","metadata":{"posterUrl":"https://image.mux.com/VB4UvGZiyshEraAKd9s01FrC99mAePHi39sCwSbL1l00k/thumbnail.webp?time=6.65","aspectRatio":"4:3","duration":29.083333}},{"type":"video","url":"https://stream.mux.com/OFwPvGKjqgBOvv3fzF2MHSFCz3WJixGDimgeG7H35lA.m3u8","metadata":{"posterUrl":"https://image.mux.com/OFwPvGKjqgBOvv3fzF2MHSFCz3WJixGDimgeG7H35lA/thumbnail.webp?time=3.65","aspectRatio":"4:3","duration":9.05}},{"type":"video","url":"https://stream.mux.com/lwhTST00eoapcTi011H4TrVDAD019mm5lVqWeaeY73X9qo.m3u8","metadata":{"posterUrl":"https://image.mux.com/lwhTST00eoapcTi011H4TrVDAD019mm5lVqWeaeY73X9qo/thumbnail.webp?time=10.033","aspectRatio":"4:3","duration":18.683333}}],"post":null,"createdAt":"2026-08-30T23:27:03.380Z","updatedAt":"2026-09-12T19:26:01.037Z","publishedAt":"2026-08-30T23:27:03.376Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/AfNxvfe","remixUrl":"https://framer.link/AfNxvfe","previewUrl":"https://hrse.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":109,"name":"Modern","slug":"modern"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":30,"name":"Forms","slug":"forms"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-30T23:27:03.969Z","updatedAt":"2026-08-30T23:27:03.969Z"},{"id":"01a03a45-fa4b-70b5-be8d-f752f55bcdc2","title":null,"body":"

Here's an idea for the 404 page of a template I'm creating and will be launching soon: an ASCII grid that reacts to your cursor. Even a dead end deserves some craft. Built for @Framer

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here's an idea for the 404 page of a template I'm creating and will be launching soon: an ASCII grid that reacts to your cursor. Even a dead end deserves some craft. Built for "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]}]},"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/8qvi2ROgpqZWAwLdp6OnEaWxwtHY152sAN02QXTw8mH8.m3u8","metadata":{"posterUrl":"https://image.mux.com/8qvi2ROgpqZWAwLdp6OnEaWxwtHY152sAN02QXTw8mH8/thumbnail.webp?time=4.5","aspectRatio":"4:3","duration":30.05}}],"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":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-25T18:54:19.727Z","updatedAt":"2026-08-25T18:54:19.727Z"},{"id":"01a01b10-24f2-7131-a3ce-385a01b12b74","title":null,"body":"

BulgeLens is here.

Cinematic motion, realistic drag physics, authentic film grain, and fluid optical distortion, all 100% integrable with your @Framer project’s CMS.

Built for creative agencies and premium brands that demand a tactile, immersive, high-end scrolling experience. It’s true Craft with Attitude, ready to set your next launch apart.

Try it out in the live preview and let me know what you think 🤘

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"BulgeLens is here."}]},{"type":"paragraph","content":[{"type":"text","text":"Cinematic motion, realistic drag physics, authentic film grain, and fluid optical distortion, all 100% integrable with your "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" project’s CMS."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for creative agencies and premium brands that demand a tactile, immersive, high-end scrolling experience. It’s true Craft with Attitude, ready to set your next launch apart."}]},{"type":"paragraph","content":[{"type":"text","text":"Try it out in the live preview and let me know what you think "},{"type":"emoji","attrs":{"name":"metal","emoji":"🤘"}}]}]},"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"fOc043FqZCTNawHzySxr","resolved":true,"title":"Bulge Lens","body":"$63","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About this Component","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"BulgeLens elevates standard sliders into elite, tactile experiences. It eliminates the interactive complexity gap, delivering senior-dev WebGL quality instantly without custom coding."}]},{"type":"customHeading","content":[{"type":"text","text":"Demo test here","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"https://bulgelens.framer.website/playground","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://bulgelens.framer.website/playground","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative Agencies:","marks":[{"type":"bold"}]},{"type":"text","text":" Build portfolios with Swiss design minimalism and stopping power."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Luxury E-Commerce:","marks":[{"type":"bold"}]},{"type":"text","text":" Present products in physically grounded, premium interactive galleries."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Photography Studios:","marks":[{"type":"bold"}]},{"type":"text","text":" Frame visuals with cinematic lighting, authentic grain, and fluid motion."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS Landing Pages:","marks":[{"type":"bold"}]},{"type":"text","text":" Turn standard feature lists into an immersive scroll journey."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Feature Highlights","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic States:","marks":[{"type":"bold"}]},{"type":"text","text":" Out-of-the-box lens distortion, dimming, and authentic film grain."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid Momentum Physics:","marks":[{"type":"bold"}]},{"type":"text","text":" True-to-life drag interactions with velocity ripples and stretch."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optical Arc Geometry:","marks":[{"type":"bold"}]},{"type":"text","text":" Curve your gallery into a dimensional arc for deep physical scale."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choreographed Reveals:","marks":[{"type":"bold"}]},{"type":"text","text":" Captivate users instantly with staggered cinematic mask wipes."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"The \"Why\"","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Why struggle with complex React Three Fiber pipelines? BulgeLens handles the heavy lifting, ensuring your final product is production-ready, highly optimized, and bulletproof across all devices. Save days of development while achieving award-winning quality."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"hammer_and_wrench","emoji":"🛠"}},{"type":"text","text":" How to Use (3 Simple Steps)","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set Your Foundation:","marks":[{"type":"bold"}]},{"type":"text","text":" Drag BulgeLens to the canvas and connect your standard image layers."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Define the Aesthetic:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust the optical arc curve, grain, and hover distortion."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preview & Deploy:","marks":[{"type":"bold"}]},{"type":"text","text":" Test the fluid physics in preview mode and publish instantly."}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Cinematic WebGL Arc Slider","slug":"bulge-lens","author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/996ba54f-9068-4ef0-a8a2-fc806efd2006/01a01af7-289c-72c8-9a3b-c25b35681978.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":3200}}],"post":null,"createdAt":"2026-08-19T17:27:17.359Z","updatedAt":"2026-08-20T12:59:00.650Z","publishedAt":"2026-08-19T17:27:17.356Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://bulgelens.framer.website/playground","price":"8","paymentUrl":"https://contra.com/payment-link/nBMpVfGy-bulge-lens","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"Cg61NTfSnWBEQXgmaquX","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-19T17:27:18.002Z","updatedAt":"2026-08-19T17:27:18.002Z"},{"id":"01a00fe6-1627-7025-b7f3-9d146c2ecc2a","title":null,"body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I still don't have the right words for this, I can only feel it."}]},{"type":"paragraph","content":[{"type":"text","text":"This month, Madrepunk"},{"type":"emoji","attrs":{"name":"tm","emoji":"™"}},{"type":"text","text":" won an Awwwards No-Code Honors. My first award, and my first international recognition."}]},{"type":"paragraph","content":[{"type":"text","text":"In 2024 I walked out of a job with no plan B and decided to bet on myself, freelance, on my own terms, building the kind of work I actually wanted to make. That's the year Madrepunk started."}]},{"type":"paragraph","content":[{"type":"text","text":"It's also when I got serious about "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":". There was no going back after that. Since then: 25+ projects, some just UI/UX, others full builds from design to code."}]},{"type":"paragraph","content":[{"type":"text","text":"I spent that whole time watching designers I admire, studying how they think, training my eye project after project, not talent, just repetition."}]},{"type":"paragraph","content":[{"type":"text","text":"Two years in, this feels like proof the direction is right, and I'm already working toward the next one."}]},{"type":"paragraph","content":[{"type":"text","text":"To everyone who backed me, believed in this, and voted for my work: thank you. This is as much yours as it is mine."}]}]},"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/996ba54f-9068-4ef0-a8a2-fc806efd2006/01a00fe1-ec08-70a9-ad13-91220246b698.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":2255,"height":3200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-17T22:10:59.327Z","createdAt":"2026-08-17T13:25:32.331Z","updatedAt":"2026-08-17T22:10:59.327Z"},{"id":"01a000a8-50a3-736c-b7d4-793ddb14fb38","title":null,"body":"

I'm working on a new component for Framer: a WebGL slider with a bulge effect, a distortion effect on hover, and integration with a CMS.

What do you think?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I'm working on a new component for Framer: a WebGL slider with a bulge effect, a distortion effect on hover, and integration with a CMS."}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think?"}]}]},"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/j00jKvkO5tJXGWLgb4qr915UdCX6RUfmP00ljgAFZz01Pg.m3u8","metadata":{"posterUrl":"https://image.mux.com/j00jKvkO5tJXGWLgb4qr915UdCX6RUfmP00ljgAFZz01Pg/thumbnail.webp?time=7.083","aspectRatio":"4:3","duration":18.216667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":20,"liked":false},"comments":{"count":13},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-14T14:23:45.844Z","updatedAt":"2026-08-14T14:23:45.844Z"},{"id":"019fdcc2-ee48-7028-ac97-7527c724a983","title":null,"body":"

New template in progress 👀 A studio/agency portfolio.

Still building and sharing progress as it comes together.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New template in progress "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}},{"type":"text","text":" A studio/agency portfolio."}]},{"type":"paragraph","content":[{"type":"text","text":"Still building and sharing progress as it comes together."}]}]},"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/b02jiV755W301F51dUa5itc7BUo6H5SPIhFYVf402zrvWE.m3u8","metadata":{"posterUrl":"https://image.mux.com/b02jiV755W301F51dUa5itc7BUo6H5SPIhFYVf402zrvWE/thumbnail.webp?time=40.217","aspectRatio":"8:5","duration":61.966667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":17,"liked":false},"comments":{"count":7},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-07T15:06:30.348Z","updatedAt":"2026-08-07T15:06:30.348Z"},{"id":"019fd7b7-6224-72fa-afef-6bc8b6dd742d","title":null,"body":"

Hey Community! 👋

Sharing Button Group Pro, a fully animated, form-ready button selector for Framer, free to remix.

Handles single or multi-select natively, animates with Framer's native Transition control (spring/ease, no code needed), and ships with Grid or Wrap layouts plus independent colors for default/hover/selected states.

Wired straight into Framer Forms, hidden input, custom field name, and required-field validation built in, so it works as a real form field, not just a visual toggle.

Built it after recoding the same select/toggle pattern for one too many client survey forms, figured I'd package it and share it back.

Give it a spin and let me know what you think, happy to help if you get stuck wiring it into a form. 🙌

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey Community! "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"Sharing "},{"type":"text","text":"Button Group Pro","marks":[{"type":"bold"}]},{"type":"text","text":", a fully animated, form-ready button selector for Framer, free to remix."}]},{"type":"paragraph","content":[{"type":"text","text":"Handles single or multi-select natively, animates with Framer's native Transition control (spring/ease, no code needed), and ships with Grid or Wrap layouts plus independent colors for default/hover/selected states."}]},{"type":"paragraph","content":[{"type":"text","text":"Wired straight into Framer Forms, hidden input, custom field name, and required-field validation built in, so it works as a real form field, not just a visual toggle."}]},{"type":"paragraph","content":[{"type":"text","text":"Built it after recoding the same select/toggle pattern for one too many client survey forms, figured I'd package it and share it back."}]},{"type":"paragraph","content":[{"type":"text","text":"Give it a spin and let me know what you think, happy to help if you get stuck wiring it into a form. "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"RtRSAQv7OmTuRDAPwh0U","resolved":true,"title":"Button Group Pro","body":"$65","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About this Component","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Button Group Pro turns plain buttons into a motion-driven, form-ready selection system — handling single or multi-select logic, cinematic native transitions, and full color control across every state, without a line of code."}]},{"type":"paragraph","content":[{"type":"text","text":"Demo test here:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://buttongrouppro.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://buttongrouppro.framer.website/","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Quiz & Surveys:","marks":[{"type":"bold"}]},{"type":"text","text":" Animated, tactile answer selectors."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"E-commerce Filters:","marks":[{"type":"bold"}]},{"type":"text","text":" Instant feedback for size, color, plan picks."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Onboarding Screens:","marks":[{"type":"bold"}]},{"type":"text","text":" Turn setup steps into an interactive moment."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pricing Toggles:","marks":[{"type":"bold"}]},{"type":"text","text":" Selectable plan cards instead of flat checkboxes."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Feature Highlights","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Single or Multi-Select:","marks":[{"type":"bold"}]},{"type":"text","text":" One toggle switches selection behavior."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic Transitions:","marks":[{"type":"bold"}]},{"type":"text","text":" Native Framer Transition control for fluid states."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Grid & Wrap Layouts:","marks":[{"type":"bold"}]},{"type":"text","text":" Full control over alignment, spacing, width."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Total Color Command:","marks":[{"type":"bold"}]},{"type":"text","text":" Independent fill, text, border per state."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Form-Ready:","marks":[{"type":"bold"}]},{"type":"text","text":" Hidden input, field name, required validation built in."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"The \"Why\"","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Building an animated, form-integrated button selector from scratch means juggling state, transitions, and accessibility at once. Button Group Pro ships production-ready and bulletproof across every device — just style it to match your brand."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"hammer_and_wrench","emoji":"🛠"}},{"type":"text","text":" How to Use (3 Simple Steps)","marks":[{"type":"bold"}]}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set Your Foundation:","marks":[{"type":"bold"}]},{"type":"text","text":" Drag it onto the canvas and add your Options."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Define the Aesthetic:","marks":[{"type":"bold"}]},{"type":"text","text":" Style colors per state, layout, transition curve."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preview & Deploy:","marks":[{"type":"bold"}]},{"type":"text","text":" Connect the field name to your Form and publish."}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Smart button groups, zero code.","slug":"button-group-pro","author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/996ba54f-9068-4ef0-a8a2-fc806efd2006/019fd7b6-ee22-76e3-b0ed-101abe3a193b.png","metadata":{"tint":{"h":60,"s":65,"l":28},"width":2880,"height":2880}}],"post":null,"createdAt":"2026-08-06T15:35:46.959Z","updatedAt":"2026-08-24T19:45:44.713Z","publishedAt":"2026-08-06T15:35:46.954Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/GroupButtonPro-ptHNIn.js@3trXxIJpSmmoLZyAVCnk","previewUrl":"https://buttongrouppro.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"3trXxIJpSmmoLZyAVCnk","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-06T15:35:47.492Z","updatedAt":"2026-08-06T15:35:47.492Z"},{"id":"019fbe87-6f87-752f-bac0-600ceeb3f805","title":null,"body":"

Madrepunk has been nominated for the Awwwards Honors in the No-Code category, built entirely on @Framer.

This project pushed me to test how far Framer could really go: no shortcuts, just seeing how much I could challenge the platform's limits and still ship something that felt custom.

Thank you to everyone who voted for the Honorable Mention that got us this far. If you have a minute, I'd love your vote: https://www.awwwards.com/sites/madrepunktm-studio#creator

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Madrepunk has been nominated for the Awwwards Honors in the No-Code category, built entirely on @Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"This project pushed me to test how far Framer could really go: no shortcuts, just seeing how much I could challenge the platform's limits and still ship something that felt custom."}]},{"type":"paragraph","content":[{"type":"text","text":"Thank you to everyone who voted for the Honorable Mention that got us this far. If you have a minute, I'd love your vote: "},{"type":"text","text":"https://www.awwwards.com/sites/madrepunktm-studio#creator","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.awwwards.com/sites/madrepunktm-studio#creator","target":"_blank"}}]}]}]},"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/FDpPjOgg02mIjPVZp2pu3AXHPFzZ100zL2gKCQwKwO7rM.m3u8","metadata":{"posterUrl":"https://image.mux.com/FDpPjOgg02mIjPVZp2pu3AXHPFzZ100zL2gKCQwKwO7rM/thumbnail.webp?time=4.537","aspectRatio":"4:3","duration":6.05}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":27,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-01T18:12:54.796Z","updatedAt":"2026-08-01T18:12:54.796Z"},{"id":"019f906d-0e06-75ab-bcb9-d6d1d7374270","title":null,"body":"

I built Madrepunk™'s own website to prove what's possible in Framer, and it just earned an Honorable Mention on Awwwards. The build leans on a custom carousel preloader, a WebGL slider, and an infinite canvas gallery, all interaction work I normally do for clients, applied to my own studio this time. Awwwards recognition means something because the jury scores design, usability, creativity, and content, not just how it looks. It's a good signal that Framer holds up to that bar past templates.

Look here: https://www.awwwards.com/sites/madrepunktm-studio

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I built Madrepunk"},{"type":"emoji","attrs":{"name":"tm","emoji":"™"}},{"type":"text","text":"'s own website to prove what's possible in Framer, and it just earned an Honorable Mention on Awwwards. The build leans on a custom carousel preloader, a WebGL slider, and an infinite canvas gallery, all interaction work I normally do for clients, applied to my own studio this time. Awwwards recognition means something because the jury scores design, usability, creativity, and content, not just how it looks. It's a good signal that Framer holds up to that bar past templates."}]},{"type":"paragraph","content":[{"type":"text","text":"Look here: "},{"type":"text","text":"https://www.awwwards.com/sites/madrepunktm-studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.awwwards.com/sites/madrepunktm-studio","target":"_blank"}}]}]}]},"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/996ba54f-9068-4ef0-a8a2-fc806efd2006/019f906c-f5a8-70a9-ba65-c2acb7eca462.jpg","metadata":{"tint":{"h":180,"s":45,"l":36},"width":2412,"height":3200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":23,"liked":false},"comments":{"count":8},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-23T19:21:33.967Z","updatedAt":"2026-07-23T19:21:33.967Z"},{"id":"019f3d13-0c28-7665-a9b0-973b6d921a0c","title":null,"body":"

It is insane to see how fast my Coppelia template has achieved a very expressive number of impressions as well as remixes in such a short time here in the Community and in the Marketplace. This proves increasingly that good work always brings good results. I am very grateful to all who engage and believe in my work.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"It is insane to see how fast my Coppelia template has achieved a very expressive number of impressions as well as remixes in such a short time here in the Community and in the Marketplace. This proves increasingly that good work always brings good results. I am very grateful to all who engage and believe in my work."}]}]},"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/996ba54f-9068-4ef0-a8a2-fc806efd2006/v2v91zhs","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-07T14:54:46.316Z","updatedAt":"2026-07-07T14:54:46.316Z"},{"id":"019ef9e4-9d45-732f-8672-14f5b5cc6235","title":null,"body":"

Madrepunk™ is an Awwwards Nominee — built entirely in Framer

Just got nominated on Awwwards, and I wanted to share it here first because this community is a big part of why this project exists.

The site pushes Framer pretty hard: — WebGL slider with custom GLSL shaders — Infinite canvas gallery with Three.js chunk loading + LRU cache — Carousel preloader as an entry experience

Everything rendered inside Framer. No hybrid setup, no external renderer.

If you have an Awwwards account and want to throw a vote, I'd genuinely appreciate it: 👉 http://www.awwwards.com/sites/madrepunktm-studio

Happy to answer any questions about how any of it was built.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Madrepunk","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"tm","emoji":"™"}},{"type":"text","text":" is an Awwwards Nominee — built entirely in Framer","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Just got nominated on Awwwards, and I wanted to share it here first because this community is a big part of why this project exists."}]},{"type":"paragraph","content":[{"type":"text","text":"The site pushes Framer pretty hard: — WebGL slider with custom GLSL shaders — Infinite canvas gallery with Three.js chunk loading + LRU cache — Carousel preloader as an entry experience"}]},{"type":"paragraph","content":[{"type":"text","text":"Everything rendered inside Framer. No hybrid setup, no external renderer."}]},{"type":"paragraph","content":[{"type":"text","text":"If you have an Awwwards account and want to throw a vote, I'd genuinely appreciate it: "},{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" "},{"type":"text","text":"http://www.awwwards.com/sites/madrepunktm-studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://www.awwwards.com/sites/madrepunktm-studio","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Happy to answer any questions about how any of it was built."}]}]},"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/FEMe01CbtXMi6kkK1NM9ghgPtVWXSj5KPbuimYPG01YeQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/FEMe01CbtXMi6kkK1NM9ghgPtVWXSj5KPbuimYPG01YeQ/thumbnail.webp?time=1.85","aspectRatio":"4:3","duration":6.083333}}],"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":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":4,"edited":true,"editedAt":"2026-06-24T15:24:28.737Z","createdAt":"2026-06-24T13:49:29.806Z","updatedAt":"2026-06-24T15:24:28.737Z"},{"id":"019ef21d-3294-7644-ab67-de51d0c761f5","title":null,"body":"

I created this hero section for a template that I'm doing. I used a component of mine called Kinetic Slider Mask on the carousel.

What do you think? Leave a comment if you want me to send you the component link.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I created this hero section for a template that I'm doing. I used a component of mine called Kinetic Slider Mask on the carousel."}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think? Leave a comment if you want me to send you the component link."}]}]},"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/UcX2vnjG4XVFXGDNx01hn00qNr5Rufp1SuLLoIh7ApkFo.m3u8","metadata":{"posterUrl":"https://image.mux.com/UcX2vnjG4XVFXGDNx01hn00qNr5Rufp1SuLLoIh7ApkFo/thumbnail.webp?time=11.007","aspectRatio":"267:200","duration":20.464711}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":29,"liked":false},"comments":{"count":20},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-23T01:34:20.318Z","updatedAt":"2026-06-23T01:34:20.318Z"},{"id":"019ee225-1415-70ae-bd71-66aa772c882e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"67611","resolved":true,"title":"Nomen Studio","body":"$66","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About this Template","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Nomen Studio is a production-ready Framer template for design studios and creative agencies that want to lead with visual authority. Editorial layout, live city clock, CMS portfolio, and cinematic scroll — all structured and ready to deploy."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Independent Design Studios:","marks":[{"type":"bold"}]},{"type":"text","text":" Command authority before prospects read a single word."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Freelance Art Directors:","marks":[{"type":"bold"}]},{"type":"text","text":" Stand out with an editorial presence that rivals top-tier studios."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion & Digital Agencies:","marks":[{"type":"bold"}]},{"type":"text","text":" Showcase campaigns and case studies through a scalable CMS."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Developers:","marks":[{"type":"bold"}]},{"type":"text","text":" A polished base to white-label and deliver to clients at a premium."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Feature Highlights","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live City Clock:","marks":[{"type":"bold"}]},{"type":"text","text":" Real-time timezone display — small detail, massive credibility."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-Powered Portfolio:","marks":[{"type":"bold"}]},{"type":"text","text":" Add and update projects without touching a line of code."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Marquee Hero:","marks":[{"type":"bold"}]},{"type":"text","text":" Typographically bold entrance that anchors your brand from frame one."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Testimonial System:","marks":[{"type":"bold"}]},{"type":"text","text":" Rotating social proof with visual restraint."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"The \"Why\"","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Building this from scratch takes 40–80 hours. Nomen Studio compresses that into a single remix — senior-level layout decisions already made, ready to populate and launch."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"hammer_and_wrench","emoji":"🛠"}},{"type":"text","text":" How to Use","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set Your Foundation:","marks":[{"type":"bold"}]},{"type":"text","text":" Replace studio name, city, timezone, and contact info."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Define the Aesthetic:","marks":[{"type":"bold"}]},{"type":"text","text":" Swap typography, colors, and upload your work into the CMS."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preview & Deploy:","marks":[{"type":"bold"}]},{"type":"text","text":" Check breakpoints, publish, go live."}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Minimal studio template","slug":"nomen-studio","author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/996ba54f-9068-4ef0-a8a2-fc806efd2006/jtox3c5k","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/996ba54f-9068-4ef0-a8a2-fc806efd2006/nai03b5h","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-06-19T23:09:01.296Z","updatedAt":"2026-06-19T23:09:01.296Z","publishedAt":"2026-06-19T23:09:01.293Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/01A4AKB","remixUrl":"https://framer.link/01A4AKB","previewUrl":"https://nomenstudio.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":19,"name":"Portfolio","slug":"portfolio"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":193,"name":"Black & White","slug":"black-and-white"},{"id":236,"name":"Light","slug":"light"},{"id":239,"name":"Monochromatic","slug":"monochromatic"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":22,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-19T23:09:01.333Z","updatedAt":"2026-06-19T23:09:01.333Z"},{"id":"019ed821-5d9f-71e7-8328-cc8e2fb00a4e","title":null,"body":"

Been obsessing over carousel entrances lately.

Built this: each card wipes open from center on load — GPU-rendered, staggered left to right. Drag fast and the cards warp. Chromatic aberration on speed. Text splits word-by-word on hover.

Took a while to get the physics feeling right. Happy with where it landed.

framer.com/community/marketplace/components/kinetic-slider-mask

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Been obsessing over carousel entrances lately."}]},{"type":"paragraph","content":[{"type":"text","text":"Built this: each card wipes open from center on load — GPU-rendered, staggered left to right. Drag fast and the cards warp. Chromatic aberration on speed. Text splits word-by-word on hover."}]},{"type":"paragraph","content":[{"type":"text","text":"Took a while to get the physics feeling right. Happy with where it landed."}]},{"type":"paragraph","content":[{"type":"text","text":"framer.com/community/marketplace/components/kinetic-slider-mask","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://framer.com/community/marketplace/components/kinetic-slider-mask","target":"_blank"}}]}]}]},"author":{"framerUserId":"996ba54f-9068-4ef0-a8a2-fc806efd2006","name":"Matheus Brandão","slug":"mbrandao","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219391/avatar-WjsDKx2kaT18LqTTm1XO4nYSsVgAM5.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/YsB8cZsGlzm8WnH02U00WFaXbwmP6RnW02mPmsbgm00Vkrk.m3u8","metadata":{"posterUrl":"https://image.mux.com/YsB8cZsGlzm8WnH02U00WFaXbwmP6RnW02mPmsbgm00Vkrk/thumbnail.webp?time=3.148","aspectRatio":"4:3","duration":19.237556}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":3,"edited":true,"editedAt":"2026-06-18T00:51:21.464Z","createdAt":"2026-06-18T00:28:45.858Z","updatedAt":"2026-06-18T00:51:21.464Z"}],"pagination":{"next":"MDE5ZWQ4MjEtNWQ5Zi03MWU3LTgzMjgtY2M4ZTJmYjAwYTRl","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L67"}]