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:T4a0,

Flipflop Button — a flip button with an elastic snap

Just published my first component in the Community 🎉

It's a tactile flip button: on hover the resting face collapses into its top edge while a second face springs up from below with a subtle elastic overshoot. Click adds a soft spring-back press — every interaction feels physical.

Both states are fully independent, so you can change background, text, border and corner radius mid-flip. Everything is editable from the property panel — no code needed:

— Two independent states (idle + hover) — Elastic spring motion, single speed control (0.3×–2.5×) — Spring-back press feedback on click — Optional hover scale + drop shadow — Built-in arrow or your own custom SVG icon (color, size, side, gap) — Uniform or per-side padding, independent idle/hover radius — Full font control, link-ready, responsive

Live preview + grab it here 👇

LINK

63:T8c3,

Flip Button is a premium, fully configurable CTA component built around a satisfying motion: on hover the resting face collapses into its own top edge while a second face grows up from the bottom with a subtle elastic overshoot. On click it adds a gentle spring-back press, so every interaction feels physical.

Everything is editable from the property panel — you control both the idle and hover states independently, so the button can transform color, text color, border and corner radius mid-animation.

Built for flexibility — every detail is a control:

Two fully independent states — separate background, text, border and corner radius for idle and hover, so the button can fully change appearance on hover.
Motion controls — single Anim Speed slider (0.3×–2.5×) retimes the whole animation, including the elastic spring and press feedback.
Optional hover scale — toggle a subtle grow-on-hover with adjustable amount.
Press feedback — built-in spring-back scale on click for a tactile button feel.
Icon support — built-in arrow or your own custom SVG / component; control color (idle + hover), thickness, size, side (left/right) and gap. Icons inherit the state colors automatically.
Layout — uniform padding or per-side padding, plus independent idle and hover corner radius.
Shadow — optional drop shadow with full color, X/Y offset, blur and spread; follows the active face.
Typography — full Framer font control (family, size, weight, letter spacing).
Link ready — wire it to any page or URL.
Responsive, auto-sizing, transform-based (GPU-friendly, no heavy dependencies).

How it works: hover triggers a two-part transform — the front face scales to zero from its top edge while the back face scales up from its bottom edge — producing the signature "flip/spring" reveal. Adjust Anim Speed to taste.

64:T53d,

Want to take a second to thank @Framer - both the people building it and the people building with it.

The platform quietly changed what one designer can do. Ideas that used to need a team and a month now go live in days. No fighting the tooling, no handoffs, no waiting. You think it, you ship it.

When I started out as a designer, I dreamed of a tool exactly like this - one that would let me build the whole thing myself, not just hand off a picture. I'm glad to be living at the moment when brilliant people actually made it real.

But what I value most is the community. Everyone here is a designer-builder now - doing strategy, brand, and code, and shipping it themselves. People share their work instead of guarding it, show how it's made, answer questions, root for each other. The 24-hour Framer Agents hackathon proved it: a wave of people shipping real, working ideas in a single day.

Genuinely glad to be part of this. Thank you to the @Framer team, and to everyone here building alongside me. You're all the proof of where this is going.

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-dd250028-31a7-461d-aa81-bc03dcc2e551-all:/unified/creator/dd250028-31a7-461d-aa81-bc03dcc2e551/activity/":[{"data":[{"id":"019f1946-38ba-73e9-9fee-bb8b93c521b6","type":"comment.reply","target":{"type":"post","id":"019f14c4-0b76-72ab-abd2-1e985a9553b2","preview":"Flipflop Button — a flip button with an elastic snap\nJust published my first component in the Community 🎉\nIt's a tactile flip button: on hover the resting face collapses into its top edge while a second face springs up from below with a subtle elastic overshoot. Click adds a soft spring-back press — every interaction feels physical.\nBoth states are fully independent, so you can change background, text, border and corner radius mid-flip. Everything is editable from the property panel — no code needed:\n— Two independent states (idle + hover) — Elastic spring motion, single speed control (0.3×–2.5×) — Spring-back press feedback on click — Optional hover scale + drop shadow — Built-in arrow or your own custom SVG icon (color, size, side, gap) — Uniform or per-side padding, independent idle/hover radius — Full font control, link-ready, responsive\nLive preview + grab it here 👇\nLINK","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Flipflop Button — a flip button with an elastic snap","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Just published my first component in the Community "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"It's a tactile flip button: on hover the resting face collapses into its top edge while a second face springs up from below with a subtle elastic overshoot. Click adds a soft spring-back press — every interaction feels physical."}]},{"type":"paragraph","content":[{"type":"text","text":"Both states are fully independent, so you can change background, text, border and corner radius mid-flip. Everything is editable from the property panel — no code needed:"}]},{"type":"paragraph","content":[{"type":"text","text":"— Two independent states (idle + hover) — Elastic spring motion, single speed control (0.3×–2.5×) — Spring-back press feedback on click — Optional hover scale + drop shadow — Built-in arrow or your own custom SVG icon (color, size, side, gap) — Uniform or per-side padding, independent idle/hover radius — Full font control, link-ready, responsive"}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview + grab it here "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"LINK","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/SeNp1a8","target":"_blank"}}]}]},{"type":"paragraph"}]},"thumbnail":"https://image.mux.com/QmGg029SJvs1C6DFqswFZOTng010043s02F1Bq2StgcVtTU/thumbnail.webp?time=3.732","targetDeleted":false,"owned":true,"actions":{"postId":"019f14c4-0b76-72ab-abd2-1e985a9553b2","like":{"count":21,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f1946-38a8-7594-b6da-83fdadb502c1","preview":"🙌🏻","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"🙌🏻"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f14c4-0b76-72ab-abd2-1e985a9553b2","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f175b-0932-705a-89d2-b010857afff5"},"repost":null}},"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-30T16:04:20.282Z","latestAt":"2026-06-30T16:04:20.282Z"},{"id":"019f1946-14b4-738b-bd00-12c3d4946df7","type":"comment.liked","target":{"type":"comment","id":"019f175b-0932-705a-89d2-b010857afff5","preview":"Smooth 🔥","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth 🔥"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f14c4-0b76-72ab-abd2-1e985a9553b2","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f175b-0932-705a-89d2-b010857afff5"},"repost":null}},"context":{"type":"post","id":"019f14c4-0b76-72ab-abd2-1e985a9553b2","preview":"Flipflop Button — a flip button with an elastic snap\nJust published my first component in the Community 🎉\nIt's a tactile flip button: on hover the resting face collapses into its top edge while a second face springs up from below with a subtle elastic overshoot. Click adds a soft spring-back press — every interaction feels physical.\nBoth states are fully independent, so you can change background, text, border and corner radius mid-flip. Everything is editable from the property panel — no code needed:\n— Two independent states (idle + hover) — Elastic spring motion, single speed control (0.3×–2.5×) — Spring-back press feedback on click — Optional hover scale + drop shadow — Built-in arrow or your own custom SVG icon (color, size, side, gap) — Uniform or per-side padding, independent idle/hover radius — Full font control, link-ready, responsive\nLive preview + grab it here 👇\nLINK","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Flipflop Button — a flip button with an elastic snap","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Just published my first component in the Community "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"It's a tactile flip button: on hover the resting face collapses into its top edge while a second face springs up from below with a subtle elastic overshoot. Click adds a soft spring-back press — every interaction feels physical."}]},{"type":"paragraph","content":[{"type":"text","text":"Both states are fully independent, so you can change background, text, border and corner radius mid-flip. Everything is editable from the property panel — no code needed:"}]},{"type":"paragraph","content":[{"type":"text","text":"— Two independent states (idle + hover) — Elastic spring motion, single speed control (0.3×–2.5×) — Spring-back press feedback on click — Optional hover scale + drop shadow — Built-in arrow or your own custom SVG icon (color, size, side, gap) — Uniform or per-side padding, independent idle/hover radius — Full font control, link-ready, responsive"}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview + grab it here "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"LINK","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/SeNp1a8","target":"_blank"}}]}]},{"type":"paragraph"}]},"thumbnail":"https://image.mux.com/QmGg029SJvs1C6DFqswFZOTng010043s02F1Bq2StgcVtTU/thumbnail.webp?time=3.732","targetDeleted":false,"owned":true,"actions":{"postId":"019f14c4-0b76-72ab-abd2-1e985a9553b2","like":{"count":21,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-30T16:04:11.056Z","latestAt":"2026-06-30T16:04:11.056Z"},{"id":"019f16ff-ea84-70e3-aafe-f0daeb874817","type":"comment.liked","target":{"type":"comment","id":"019f164e-35ff-76ec-9fb0-e911d5e18b6e","preview":"The transition is quite smooth, don't see very often. Nice work, mate.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The transition is quite smooth, don't see very often. Nice work, mate."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f14c4-0b76-72ab-abd2-1e985a9553b2","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f164e-35ff-76ec-9fb0-e911d5e18b6e"},"repost":null}},"context":{"type":"post","id":"019f14c4-0b76-72ab-abd2-1e985a9553b2","preview":"Flipflop Button — a flip button with an elastic snap\nJust published my first component in the Community 🎉\nIt's a tactile flip button: on hover the resting face collapses into its top edge while a second face springs up from below with a subtle elastic overshoot. Click adds a soft spring-back press — every interaction feels physical.\nBoth states are fully independent, so you can change background, text, border and corner radius mid-flip. Everything is editable from the property panel — no code needed:\n— Two independent states (idle + hover) — Elastic spring motion, single speed control (0.3×–2.5×) — Spring-back press feedback on click — Optional hover scale + drop shadow — Built-in arrow or your own custom SVG icon (color, size, side, gap) — Uniform or per-side padding, independent idle/hover radius — Full font control, link-ready, responsive\nLive preview + grab it here 👇\nLINK","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Flipflop Button — a flip button with an elastic snap","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Just published my first component in the Community "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"It's a tactile flip button: on hover the resting face collapses into its top edge while a second face springs up from below with a subtle elastic overshoot. Click adds a soft spring-back press — every interaction feels physical."}]},{"type":"paragraph","content":[{"type":"text","text":"Both states are fully independent, so you can change background, text, border and corner radius mid-flip. Everything is editable from the property panel — no code needed:"}]},{"type":"paragraph","content":[{"type":"text","text":"— Two independent states (idle + hover) — Elastic spring motion, single speed control (0.3×–2.5×) — Spring-back press feedback on click — Optional hover scale + drop shadow — Built-in arrow or your own custom SVG icon (color, size, side, gap) — Uniform or per-side padding, independent idle/hover radius — Full font control, link-ready, responsive"}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview + grab it here "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"LINK","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/SeNp1a8","target":"_blank"}}]}]},{"type":"paragraph"}]},"thumbnail":"https://image.mux.com/QmGg029SJvs1C6DFqswFZOTng010043s02F1Bq2StgcVtTU/thumbnail.webp?time=3.732","targetDeleted":false,"owned":true,"actions":{"postId":"019f14c4-0b76-72ab-abd2-1e985a9553b2","like":{"count":21,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-30T05:28:18.301Z","latestAt":"2026-06-30T05:28:18.301Z"},{"id":"019f16ff-e6e0-719e-8fa7-6fb6c3d50cf1","type":"comment.reply","target":{"type":"post","id":"019f14c4-0b76-72ab-abd2-1e985a9553b2","preview":"Flipflop Button — a flip button with an elastic snap\nJust published my first component in the Community 🎉\nIt's a tactile flip button: on hover the resting face collapses into its top edge while a second face springs up from below with a subtle elastic overshoot. Click adds a soft spring-back press — every interaction feels physical.\nBoth states are fully independent, so you can change background, text, border and corner radius mid-flip. Everything is editable from the property panel — no code needed:\n— Two independent states (idle + hover) — Elastic spring motion, single speed control (0.3×–2.5×) — Spring-back press feedback on click — Optional hover scale + drop shadow — Built-in arrow or your own custom SVG icon (color, size, side, gap) — Uniform or per-side padding, independent idle/hover radius — Full font control, link-ready, responsive\nLive preview + grab it here 👇\nLINK","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Flipflop Button — a flip button with an elastic snap","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Just published my first component in the Community "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"It's a tactile flip button: on hover the resting face collapses into its top edge while a second face springs up from below with a subtle elastic overshoot. Click adds a soft spring-back press — every interaction feels physical."}]},{"type":"paragraph","content":[{"type":"text","text":"Both states are fully independent, so you can change background, text, border and corner radius mid-flip. Everything is editable from the property panel — no code needed:"}]},{"type":"paragraph","content":[{"type":"text","text":"— Two independent states (idle + hover) — Elastic spring motion, single speed control (0.3×–2.5×) — Spring-back press feedback on click — Optional hover scale + drop shadow — Built-in arrow or your own custom SVG icon (color, size, side, gap) — Uniform or per-side padding, independent idle/hover radius — Full font control, link-ready, responsive"}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview + grab it here "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"LINK","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/SeNp1a8","target":"_blank"}}]}]},{"type":"paragraph"}]},"thumbnail":"https://image.mux.com/QmGg029SJvs1C6DFqswFZOTng010043s02F1Bq2StgcVtTU/thumbnail.webp?time=3.732","targetDeleted":false,"owned":true,"actions":{"postId":"019f14c4-0b76-72ab-abd2-1e985a9553b2","like":{"count":21,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f16ff-e6cc-71a2-b8e0-7234f14e7f5a","preview":"Thank you!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f14c4-0b76-72ab-abd2-1e985a9553b2","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f164e-35ff-76ec-9fb0-e911d5e18b6e"},"repost":null}},"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-30T05:28:17.376Z","latestAt":"2026-06-30T05:28:17.376Z"},{"id":"019f150a-66cf-72ee-a10f-c12d14ab887b","type":"comment.liked","target":{"type":"comment","id":"019f1505-fbd4-73f6-b2a2-2ef19b08b9d8","preview":"Congrats on your first launch mate!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Congrats on your first launch mate!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f14c4-0b76-72ab-abd2-1e985a9553b2","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f1505-fbd4-73f6-b2a2-2ef19b08b9d8"},"repost":null}},"context":{"type":"post","id":"019f14c4-0b76-72ab-abd2-1e985a9553b2","preview":"Flipflop Button — a flip button with an elastic snap\nJust published my first component in the Community 🎉\nIt's a tactile flip button: on hover the resting face collapses into its top edge while a second face springs up from below with a subtle elastic overshoot. Click adds a soft spring-back press — every interaction feels physical.\nBoth states are fully independent, so you can change background, text, border and corner radius mid-flip. Everything is editable from the property panel — no code needed:\n— Two independent states (idle + hover) — Elastic spring motion, single speed control (0.3×–2.5×) — Spring-back press feedback on click — Optional hover scale + drop shadow — Built-in arrow or your own custom SVG icon (color, size, side, gap) — Uniform or per-side padding, independent idle/hover radius — Full font control, link-ready, responsive\nLive preview + grab it here 👇\nLINK","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Flipflop Button — a flip button with an elastic snap","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Just published my first component in the Community "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"It's a tactile flip button: on hover the resting face collapses into its top edge while a second face springs up from below with a subtle elastic overshoot. Click adds a soft spring-back press — every interaction feels physical."}]},{"type":"paragraph","content":[{"type":"text","text":"Both states are fully independent, so you can change background, text, border and corner radius mid-flip. Everything is editable from the property panel — no code needed:"}]},{"type":"paragraph","content":[{"type":"text","text":"— Two independent states (idle + hover) — Elastic spring motion, single speed control (0.3×–2.5×) — Spring-back press feedback on click — Optional hover scale + drop shadow — Built-in arrow or your own custom SVG icon (color, size, side, gap) — Uniform or per-side padding, independent idle/hover radius — Full font control, link-ready, responsive"}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview + grab it here "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"LINK","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/SeNp1a8","target":"_blank"}}]}]},{"type":"paragraph"}]},"thumbnail":"https://image.mux.com/QmGg029SJvs1C6DFqswFZOTng010043s02F1Bq2StgcVtTU/thumbnail.webp?time=3.732","targetDeleted":false,"owned":true,"actions":{"postId":"019f14c4-0b76-72ab-abd2-1e985a9553b2","like":{"count":21,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-29T20:20:31.051Z","latestAt":"2026-06-29T20:20:31.051Z"},{"id":"019f150a-5a7a-73ac-aee9-25f2b08ade1b","type":"comment.reply","target":{"type":"post","id":"019f14c4-0b76-72ab-abd2-1e985a9553b2","preview":"Flipflop Button — a flip button with an elastic snap\nJust published my first component in the Community 🎉\nIt's a tactile flip button: on hover the resting face collapses into its top edge while a second face springs up from below with a subtle elastic overshoot. Click adds a soft spring-back press — every interaction feels physical.\nBoth states are fully independent, so you can change background, text, border and corner radius mid-flip. Everything is editable from the property panel — no code needed:\n— Two independent states (idle + hover) — Elastic spring motion, single speed control (0.3×–2.5×) — Spring-back press feedback on click — Optional hover scale + drop shadow — Built-in arrow or your own custom SVG icon (color, size, side, gap) — Uniform or per-side padding, independent idle/hover radius — Full font control, link-ready, responsive\nLive preview + grab it here 👇\nLINK","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Flipflop Button — a flip button with an elastic snap","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Just published my first component in the Community "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"It's a tactile flip button: on hover the resting face collapses into its top edge while a second face springs up from below with a subtle elastic overshoot. Click adds a soft spring-back press — every interaction feels physical."}]},{"type":"paragraph","content":[{"type":"text","text":"Both states are fully independent, so you can change background, text, border and corner radius mid-flip. Everything is editable from the property panel — no code needed:"}]},{"type":"paragraph","content":[{"type":"text","text":"— Two independent states (idle + hover) — Elastic spring motion, single speed control (0.3×–2.5×) — Spring-back press feedback on click — Optional hover scale + drop shadow — Built-in arrow or your own custom SVG icon (color, size, side, gap) — Uniform or per-side padding, independent idle/hover radius — Full font control, link-ready, responsive"}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview + grab it here "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"LINK","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/SeNp1a8","target":"_blank"}}]}]},{"type":"paragraph"}]},"thumbnail":"https://image.mux.com/QmGg029SJvs1C6DFqswFZOTng010043s02F1Bq2StgcVtTU/thumbnail.webp?time=3.732","targetDeleted":false,"owned":true,"actions":{"postId":"019f14c4-0b76-72ab-abd2-1e985a9553b2","like":{"count":21,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f150a-5a66-7189-a85e-86d7644877a7","preview":"Thanks!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f14c4-0b76-72ab-abd2-1e985a9553b2","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f1505-fbd4-73f6-b2a2-2ef19b08b9d8"},"repost":null}},"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-29T20:20:27.898Z","latestAt":"2026-06-29T20:20:27.898Z"},{"id":"019f149c-ab76-73fa-834a-3b8f82dd6b06","type":"component.created","target":{"type":"component","id":"bpB3SM3Ip4U9IWCCRQAh","preview":"Flipflop Button","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/3cafv9em","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-29T18:20:39.670Z","latestAt":"2026-06-29T18:20:39.670Z"},{"id":"019efad4-ec3f-7419-b7b3-e62772b82ee6","type":"comment.reply","target":{"type":"post","id":"019efab8-5d1f-730f-86a9-4a910e65a7a1","preview":"Welcome to Figma Config 🔥","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Welcome to Figma Config "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/6oct3x7z","targetDeleted":false,"owned":true,"actions":{"postId":"019efab8-5d1f-730f-86a9-4a910e65a7a1","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019efad4-ec2d-7248-8fdb-d2436d081893","preview":"Yeah! 🔥🔥🔥","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Yeah! "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019efab8-5d1f-730f-86a9-4a910e65a7a1","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019efabb-6ea4-7069-8c56-15bbda732f9f"},"repost":null}},"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T18:11:58.655Z","latestAt":"2026-06-24T18:11:58.655Z"},{"id":"019ef216-082c-761d-828b-04be50fa19eb","type":"comment.liked","target":{"type":"comment","id":"019ef180-40fa-722e-b44e-f186a2811192","preview":"how did you even make this? its so cooool. I'm very curious.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"how did you even make this? its so cooool. I'm very curious."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef0e9-6974-71d9-9cbb-be258ce22627","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ef180-40fa-722e-b44e-f186a2811192"},"repost":null}},"context":{"type":"post","id":"019ef0e9-6974-71d9-9cbb-be258ce22627","preview":"Voting ends soon 🕹 If you haven't played my retro arcade yet — 3 games, beat the bots 👉 PLAY HERE","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Voting ends soon "},{"type":"emoji","attrs":{"name":"joystick","emoji":"🕹"}},{"type":"text","text":" If you haven't played my retro arcade yet — 3 games, beat the bots "},{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" "},{"type":"text","text":"PLAY HERE","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/community/contests/agents-hackathon/submissions/BQ5Bws59UikUG9rNCVRHCQ/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/xjvjnRXeIfsYO02SPMFOvT02CZijZZsIFHlJr51DFbR6I/thumbnail.webp?time=10.224","targetDeleted":false,"owned":true,"actions":{"postId":"019ef0e9-6974-71d9-9cbb-be258ce22627","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T01:26:30.695Z","latestAt":"2026-06-23T01:26:30.695Z"},{"id":"019eddc0-ee8a-75ae-ba94-7e24245a2eb8","type":"comment.reply","target":{"type":"post","id":"019ed401-ebf5-761e-a61c-510f03c9dcb5","preview":"Booted up a whole arcade inside a green-phosphor CRT 🕹 Scanlines, glitch, glow. Play Snake, Flappy & a tense Crash game with bot players. All built with Framer Agents.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Booted up a whole arcade inside a green-phosphor CRT "},{"type":"emoji","attrs":{"name":"joystick","emoji":"🕹"}},{"type":"text","text":" Scanlines, glitch, glow. Play Snake, Flappy & a tense Crash game with bot players. All built with Framer Agents."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed401-ebf5-761e-a61c-510f03c9dcb5","like":{"count":64,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019eddc0-ee78-7799-ae77-577e7792b9a0","preview":"🏋","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"weight_lifting","emoji":"🏋"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed401-ebf5-761e-a61c-510f03c9dcb5","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019edd92-35e5-77dd-b89e-f02b081e857a"},"repost":null}},"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T02:41:09.258Z","latestAt":"2026-06-19T02:41:09.258Z"},{"id":"019eddc0-4c2c-7069-a1b3-710314ec6d3b","type":"comment.liked","target":{"type":"comment","id":"019edd92-35e5-77dd-b89e-f02b081e857a","preview":"Absolutely insane!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Absolutely insane!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed401-ebf5-761e-a61c-510f03c9dcb5","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019edd92-35e5-77dd-b89e-f02b081e857a"},"repost":null}},"context":{"type":"post","id":"019ed401-ebf5-761e-a61c-510f03c9dcb5","preview":"Booted up a whole arcade inside a green-phosphor CRT 🕹 Scanlines, glitch, glow. Play Snake, Flappy & a tense Crash game with bot players. All built with Framer Agents.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Booted up a whole arcade inside a green-phosphor CRT "},{"type":"emoji","attrs":{"name":"joystick","emoji":"🕹"}},{"type":"text","text":" Scanlines, glitch, glow. Play Snake, Flappy & a tense Crash game with bot players. All built with Framer Agents."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed401-ebf5-761e-a61c-510f03c9dcb5","like":{"count":64,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T02:40:29.076Z","latestAt":"2026-06-19T02:40:29.076Z"},{"id":"019edd5b-7214-71e8-b6d8-9946fbfca099","type":"post.liked","target":{"type":"post","id":"019edd4d-d089-75cf-8a63-70b4a5a9d986","preview":"Exploring a dreamy hero design in Framer 🌷","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Exploring a dreamy hero design in Framer "},{"type":"emoji","attrs":{"name":"tulip","emoji":"🌷"}}]}]},"thumbnail":"https://image.mux.com/NBw4pH46puUUMSDF4yHruaXqSHR4uSoSlphLXm3XYvQ/thumbnail.webp?time=1.317","targetDeleted":false,"owned":false,"actions":{"postId":"019edd4d-d089-75cf-8a63-70b4a5a9d986","like":{"count":16,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T00:50:18.256Z","latestAt":"2026-06-19T00:50:18.256Z"},{"id":"019edd57-985a-727c-a122-306bd3cb59ca","type":"creator.followed","target":{"type":"creator","id":"b83170bc-fbe5-47b2-bb79-cabf5d73a339","preview":"Tanzil Rayhan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b83170bc-fbe5-47b2-bb79-cabf5d73a339/1gczdtfr","slug":"tanzilrayhan","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T00:46:05.906Z","latestAt":"2026-06-19T00:46:05.906Z"},{"id":"019edd3d-715d-7511-9d35-dcff6549ea84","type":"comment.reply","target":{"type":"post","id":"019edd2c-cb9d-734b-b6ec-f034219a22d9","preview":"How are these retro games? 🕹 Jump in 👉 PLAY HERE","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"How are these retro games? "},{"type":"emoji","attrs":{"name":"joystick","emoji":"🕹"}},{"type":"text","text":" Jump in "},{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" "},{"type":"text","text":"PLAY HERE","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://www.framer.com/community/contests/agents-hackathon/submissions/BQ5Bws59UikUG9rNCVRHCQ/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/EfOp02nzEpbbIoDSf9Cu01l7N01G401js6xWlc01h9bS8r4M/thumbnail.webp?time=9.425","targetDeleted":false,"owned":true,"actions":{"postId":"019edd2c-cb9d-734b-b6ec-f034219a22d9","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019edd3d-7143-71fa-ad13-cf9284b446e4","preview":"I'm very glad you liked it!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I'm very glad you liked it!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019edd2c-cb9d-734b-b6ec-f034219a22d9","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019edd38-9064-72a8-9040-a96df784513c"},"repost":null}},"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T00:17:31.997Z","latestAt":"2026-06-19T00:17:31.997Z"},{"id":"019edd3c-7e2d-70cd-951b-5b24d2028312","type":"comment.liked","target":{"type":"comment","id":"019edd38-9064-72a8-9040-a96df784513c","preview":"This is sick! The Flappy Bird remake is a lot of fun","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is sick! The Flappy Bird remake is a lot of fun"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019edd2c-cb9d-734b-b6ec-f034219a22d9","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019edd38-9064-72a8-9040-a96df784513c"},"repost":null}},"context":{"type":"post","id":"019edd2c-cb9d-734b-b6ec-f034219a22d9","preview":"How are these retro games? 🕹 Jump in 👉 PLAY HERE","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"How are these retro games? "},{"type":"emoji","attrs":{"name":"joystick","emoji":"🕹"}},{"type":"text","text":" Jump in "},{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" "},{"type":"text","text":"PLAY HERE","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://www.framer.com/community/contests/agents-hackathon/submissions/BQ5Bws59UikUG9rNCVRHCQ/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/EfOp02nzEpbbIoDSf9Cu01l7N01G401js6xWlc01h9bS8r4M/thumbnail.webp?time=9.425","targetDeleted":false,"owned":true,"actions":{"postId":"019edd2c-cb9d-734b-b6ec-f034219a22d9","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T00:16:29.737Z","latestAt":"2026-06-19T00:16:29.737Z"},{"id":"019edd36-091c-77de-8702-7949191a1bcc","type":"comment.reply","target":{"type":"post","id":"019ed401-ebf5-761e-a61c-510f03c9dcb5","preview":"Booted up a whole arcade inside a green-phosphor CRT 🕹 Scanlines, glitch, glow. Play Snake, Flappy & a tense Crash game with bot players. All built with Framer Agents.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Booted up a whole arcade inside a green-phosphor CRT "},{"type":"emoji","attrs":{"name":"joystick","emoji":"🕹"}},{"type":"text","text":" Scanlines, glitch, glow. Play Snake, Flappy & a tense Crash game with bot players. All built with Framer Agents."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed401-ebf5-761e-a61c-510f03c9dcb5","like":{"count":64,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019edd36-0908-756f-9ae5-04f54516cb22","preview":"Thanks!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed401-ebf5-761e-a61c-510f03c9dcb5","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019edca5-c372-711a-99be-f9309bb11f9e"},"repost":null}},"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T00:09:26.556Z","latestAt":"2026-06-19T00:09:26.556Z"},{"id":"019edd35-e3c6-725c-862a-e44e1c41fb90","type":"comment.reply","target":{"type":"post","id":"019ed401-ebf5-761e-a61c-510f03c9dcb5","preview":"Booted up a whole arcade inside a green-phosphor CRT 🕹 Scanlines, glitch, glow. Play Snake, Flappy & a tense Crash game with bot players. All built with Framer Agents.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Booted up a whole arcade inside a green-phosphor CRT "},{"type":"emoji","attrs":{"name":"joystick","emoji":"🕹"}},{"type":"text","text":" Scanlines, glitch, glow. Play Snake, Flappy & a tense Crash game with bot players. All built with Framer Agents."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed401-ebf5-761e-a61c-510f03c9dcb5","like":{"count":64,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019edd35-e3b7-7356-a494-bdccb8d2fb7b","preview":"🙌🏻","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"🙌🏻"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed401-ebf5-761e-a61c-510f03c9dcb5","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ed96b-3d13-7621-99b7-000dc04e17f1"},"repost":null}},"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T00:09:16.998Z","latestAt":"2026-06-19T00:09:16.998Z"},{"id":"019edd35-8825-74ae-bc60-5ec044f2b973","type":"comment.liked","target":{"type":"comment","id":"019edca5-c372-711a-99be-f9309bb11f9e","preview":"Love it!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Love it!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed401-ebf5-761e-a61c-510f03c9dcb5","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019edca5-c372-711a-99be-f9309bb11f9e"},"repost":null}},"context":{"type":"post","id":"019ed401-ebf5-761e-a61c-510f03c9dcb5","preview":"Booted up a whole arcade inside a green-phosphor CRT 🕹 Scanlines, glitch, glow. Play Snake, Flappy & a tense Crash game with bot players. All built with Framer Agents.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Booted up a whole arcade inside a green-phosphor CRT "},{"type":"emoji","attrs":{"name":"joystick","emoji":"🕹"}},{"type":"text","text":" Scanlines, glitch, glow. Play Snake, Flappy & a tense Crash game with bot players. All built with Framer Agents."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed401-ebf5-761e-a61c-510f03c9dcb5","like":{"count":64,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T00:08:53.538Z","latestAt":"2026-06-19T00:08:53.538Z"},{"id":"019edd35-81ee-775f-b8e2-7c05284676cc","type":"comment.liked","target":{"type":"comment","id":"019ed96b-3d13-7621-99b7-000dc04e17f1","preview":"wow 😮","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"wow "},{"type":"emoji","attrs":{"name":"open_mouth","emoji":"😮"}},{"type":"text","text":" "}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed401-ebf5-761e-a61c-510f03c9dcb5","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ed96b-3d13-7621-99b7-000dc04e17f1"},"repost":null}},"context":{"type":"post","id":"019ed401-ebf5-761e-a61c-510f03c9dcb5","preview":"Booted up a whole arcade inside a green-phosphor CRT 🕹 Scanlines, glitch, glow. Play Snake, Flappy & a tense Crash game with bot players. All built with Framer Agents.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Booted up a whole arcade inside a green-phosphor CRT "},{"type":"emoji","attrs":{"name":"joystick","emoji":"🕹"}},{"type":"text","text":" Scanlines, glitch, glow. Play Snake, Flappy & a tense Crash game with bot players. All built with Framer Agents."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed401-ebf5-761e-a61c-510f03c9dcb5","like":{"count":64,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T00:08:51.946Z","latestAt":"2026-06-19T00:08:51.946Z"},{"id":"019ed7f2-6465-70c8-b650-aba3f9b73c0f","type":"creator.followed","target":{"type":"creator","id":"4eb1961e-a703-4d67-b869-24a5532739de","preview":"Joost","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/4eb1961e-a703-4d67-b869-24a5532739de/LUQ9IteBv","slug":"joost","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","slug":"bravl","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T23:37:27.393Z","latestAt":"2026-06-17T23:37:27.393Z"}],"pagination":{"next":"MjAyNi0wNi0xN1QyMzozNzoyNy4zOTNafDAxOWVkN2YyLTY0NjUtNzBjOC1iNjUwLWFiYTNmOWI3M2MwZg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:dd250028-31a7-461d-aa81-bc03dcc2e551:/unified/posts/?creator=dd250028-31a7-461d-aa81-bc03dcc2e551&with=reposts":[{"data":[{"id":"019f14c4-0b76-72ab-abd2-1e985a9553b2","title":null,"body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Flipflop Button — a flip button with an elastic snap","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Just published my first component in the Community "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"It's a tactile flip button: on hover the resting face collapses into its top edge while a second face springs up from below with a subtle elastic overshoot. Click adds a soft spring-back press — every interaction feels physical."}]},{"type":"paragraph","content":[{"type":"text","text":"Both states are fully independent, so you can change background, text, border and corner radius mid-flip. Everything is editable from the property panel — no code needed:"}]},{"type":"paragraph","content":[{"type":"text","text":"— Two independent states (idle + hover) — Elastic spring motion, single speed control (0.3×–2.5×) — Spring-back press feedback on click — Optional hover scale + drop shadow — Built-in arrow or your own custom SVG icon (color, size, side, gap) — Uniform or per-side padding, independent idle/hover radius — Full font control, link-ready, responsive"}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview + grab it here "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"LINK","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/SeNp1a8","target":"_blank"}}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","slug":"bravl","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/QmGg029SJvs1C6DFqswFZOTng010043s02F1Bq2StgcVtTU.m3u8","metadata":{"posterUrl":"https://image.mux.com/QmGg029SJvs1C6DFqswFZOTng010043s02F1Bq2StgcVtTU/thumbnail.webp?time=3.732","aspectRatio":"493:362","duration":7.983333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":21,"liked":false},"comments":{"count":7},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-29T19:03:40.155Z","updatedAt":"2026-06-29T19:03:40.155Z"},{"id":"019f149c-ab30-762c-8dec-10f6d531699f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","slug":"bravl","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","followed":false,"followsYou":false},"media":[],"resources":[{"id":"bpB3SM3Ip4U9IWCCRQAh","resolved":true,"title":"Flipflop Button","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Flip Button is a premium,","marks":[{"type":"bold"}]},{"type":"text","text":" fully configurable CTA component built around a satisfying motion: on hover the resting face collapses into its own top edge while a second face grows up from the bottom with a subtle elastic overshoot. On click it adds a gentle spring-back press, so every interaction feels physical."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is editable from the property panel — you control both the idle and hover states independently, so the button can transform color, text color, border and corner radius mid-animation."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for flexibility — every detail is a control:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two fully independent states","marks":[{"type":"bold"}]},{"type":"text","text":" — separate background, text, border and corner radius for idle and hover, so the button can fully change appearance on hover."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion controls","marks":[{"type":"bold"}]},{"type":"text","text":" — single Anim Speed slider (0.3×–2.5×) retimes the whole animation, including the elastic spring and press feedback."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional hover scale","marks":[{"type":"bold"}]},{"type":"text","text":" — toggle a subtle grow-on-hover with adjustable amount."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Press feedback","marks":[{"type":"bold"}]},{"type":"text","text":" — built-in spring-back scale on click for a tactile button feel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Icon support","marks":[{"type":"bold"}]},{"type":"text","text":" — built-in arrow or your own custom SVG / component; control color (idle + hover), thickness, size, side (left/right) and gap. Icons inherit the state colors automatically."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout","marks":[{"type":"bold"}]},{"type":"text","text":" — uniform padding or per-side padding, plus independent idle and hover corner radius."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shadow","marks":[{"type":"bold"}]},{"type":"text","text":" — optional drop shadow with full color, X/Y offset, blur and spread; follows the active face."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography","marks":[{"type":"bold"}]},{"type":"text","text":" — full Framer font control (family, size, weight, letter spacing)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Link ready","marks":[{"type":"bold"}]},{"type":"text","text":" — wire it to any page or URL."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive, auto-sizing, transform-based (GPU-friendly, no heavy dependencies)."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How it works:","marks":[{"type":"bold"}]},{"type":"text","text":" hover triggers a two-part transform — the front face scales to zero from its top edge while the back face scales up from its bottom edge — producing the signature \"flip/spring\" reveal. Adjust "},{"type":"text","text":"Anim Speed","marks":[{"type":"italic"}]},{"type":"text","text":" to taste."}]}]},"introduction":"Flip button with an elastic snap","slug":"flipflop-button","author":{"framerUserId":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","slug":"bravl","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/3cafv9em","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2268,"height":1294}}],"post":null,"createdAt":"2026-06-29T18:20:39.562Z","updatedAt":"2026-06-29T18:39:47.742Z","publishedAt":"2026-06-29T18:20:39.558Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://flipbutton.framer.ai/","price":"12","paymentUrl":"https://buy.polar.sh/polar_cl_FMOJDWQt1VLvRweKClkOKDQHFGzLp2mm1yZRv0UIIkc","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"FgUCScfAr5ZVViOqYewG","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-29T18:20:39.600Z","updatedAt":"2026-06-29T18:20:39.600Z"},{"id":"019efab8-5d1f-730f-86a9-4a910e65a7a1","title":null,"body":"

Welcome to Figma Config 🔥

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Welcome to Figma Config "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]}]},"author":{"framerUserId":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","slug":"bravl","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/zSr00HjH7wXTVCtVaXkJwzpvQPQtLWxMYzE01VXFsPRnQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/zSr00HjH7wXTVCtVaXkJwzpvQPQtLWxMYzE01VXFsPRnQ/thumbnail.webp?time=4.367","aspectRatio":"9:16","duration":6.233333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/6oct3x7z","metadata":{"tint":{"h":240,"s":67,"l":9},"width":2400,"height":3200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/8jyf84jj","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2400,"height":3200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/p98a0m1x","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2400,"height":3200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-24T17:40:47.010Z","updatedAt":"2026-06-24T17:40:47.010Z"},{"id":"019ef0e9-6974-71d9-9cbb-be258ce22627","title":null,"body":"

Voting ends soon 🕹 If you haven't played my retro arcade yet — 3 games, beat the bots 👉 PLAY HERE

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Voting ends soon "},{"type":"emoji","attrs":{"name":"joystick","emoji":"🕹"}},{"type":"text","text":" If you haven't played my retro arcade yet — 3 games, beat the bots "},{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" "},{"type":"text","text":"PLAY HERE","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/community/contests/agents-hackathon/submissions/BQ5Bws59UikUG9rNCVRHCQ/","target":"_blank"}}]}]}]},"author":{"framerUserId":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","slug":"bravl","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/xjvjnRXeIfsYO02SPMFOvT02CZijZZsIFHlJr51DFbR6I.m3u8","metadata":{"posterUrl":"https://image.mux.com/xjvjnRXeIfsYO02SPMFOvT02CZijZZsIFHlJr51DFbR6I/thumbnail.webp?time=10.224","aspectRatio":"361:270","duration":15.017544}}],"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":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-22T19:58:09.278Z","updatedAt":"2026-06-22T19:58:09.278Z"},{"id":"019ee06e-bca3-7339-a48c-133c8405cb28","title":null,"body":"

Got addicted to my own game 😅 304,037 coins, new personal best 🕹 PLAY & VOTE HERE

A big thank you to everyone who plays and supports the project 🫶🏻

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Got addicted to my own game "},{"type":"emoji","attrs":{"name":"sweat_smile","emoji":"😅"}},{"type":"text","text":" 304,037 coins, new personal best "},{"type":"emoji","attrs":{"name":"joystick","emoji":"🕹"}},{"type":"text","text":" "},{"type":"text","text":"PLAY & VOTE HERE","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://www.framer.com/community/contests/agents-hackathon/submissions/BQ5Bws59UikUG9rNCVRHCQ/","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"A big thank you to everyone who plays and supports the project 🫶🏻"}]}]},"author":{"framerUserId":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","slug":"bravl","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/x36dfw89","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1256,"height":1044}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-19T15:10:14.184Z","updatedAt":"2026-06-19T15:10:14.184Z"},{"id":"019eddb9-f287-75b1-83ba-ae9f20e7ad85","title":null,"body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Want to take a second to thank "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" - both the people building it and the people building with it."}]},{"type":"paragraph","content":[{"type":"text","text":"The platform quietly changed what one designer can do. Ideas that used to need a team and a month now go live in days. No fighting the tooling, no handoffs, no waiting. You think it, you ship it."}]},{"type":"paragraph","content":[{"type":"text","text":"When I started out as a designer, I dreamed of a tool exactly like this - one that would let me build the whole thing myself, not just hand off a picture. I'm glad to be living at the moment when brilliant people actually made it real."}]},{"type":"paragraph","content":[{"type":"text","text":"But what I value most is the community. Everyone here is a designer-builder now - doing strategy, brand, and code, and shipping it themselves. People share their work instead of guarding it, show how it's made, answer questions, root for each other. The 24-hour Framer Agents hackathon proved it: a wave of people shipping real, working ideas in a single day."}]},{"type":"paragraph","content":[{"type":"text","text":"Genuinely glad to be part of this. Thank you to the "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" team, and to everyone here building alongside me. You're all the proof of where this is going."}]}]},"author":{"framerUserId":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","slug":"bravl","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/qda83lyr","metadata":{"tint":{"h":252,"s":85,"l":74},"width":3200,"height":1724}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-19T02:33:31.530Z","updatedAt":"2026-06-19T02:33:31.530Z"},{"id":"019edd2c-cb9d-734b-b6ec-f034219a22d9","title":null,"body":"

How are these retro games? 🕹 Jump in 👉 PLAY HERE

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"How are these retro games? "},{"type":"emoji","attrs":{"name":"joystick","emoji":"🕹"}},{"type":"text","text":" Jump in "},{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" "},{"type":"text","text":"PLAY HERE","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://www.framer.com/community/contests/agents-hackathon/submissions/BQ5Bws59UikUG9rNCVRHCQ/","target":"_blank"}}]}]}]},"author":{"framerUserId":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","slug":"bravl","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/EfOp02nzEpbbIoDSf9Cu01l7N01G401js6xWlc01h9bS8r4M.m3u8","metadata":{"posterUrl":"https://image.mux.com/EfOp02nzEpbbIoDSf9Cu01l7N01G401js6xWlc01h9bS8r4M/thumbnail.webp?time=9.425","aspectRatio":"1440:863","duration":42.45}}],"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-06-18T23:59:20.993Z","updatedAt":"2026-06-18T23:59:20.993Z"},{"id":"019ed6b8-a469-76ad-b67e-b0441119cb0b","title":null,"body":"

3 fully playable games. One green CRT terminal 🕹

RETRO GAMES is my hackathon entry — a pixel arcade that actually plays. Not mockups, not screenshots: three real working games inside an old phosphor-green CRT.

▸ SNAKE — the classic on a glowing grid

▸ FLAPPY — one-tap, endless

▸ CRASH — a tense multiplier game with live bots + shared coins

Works on desktop AND mobile — on-screen controls double as real touch buttons. All built with Framer Agents.

If you enjoy it, a vote would mean a lot 🙏

VOTE

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"3 fully playable games. One green CRT terminal ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"joystick","emoji":"🕹"}}]},{"type":"paragraph","content":[{"type":"text","text":"RETRO GAMES","marks":[{"type":"bold"}]},{"type":"text","text":" is my hackathon entry — a pixel arcade that actually plays. Not mockups, not screenshots: three real working games inside an old phosphor-green CRT."}]},{"type":"paragraph","content":[{"type":"text","text":"▸ "},{"type":"text","text":"SNAKE","marks":[{"type":"bold"}]},{"type":"text","text":" — the classic on a glowing grid"}]},{"type":"paragraph","content":[{"type":"text","text":"▸ "},{"type":"text","text":"FLAPPY","marks":[{"type":"bold"}]},{"type":"text","text":" — one-tap, endless"}]},{"type":"paragraph","content":[{"type":"text","text":"▸ "},{"type":"text","text":"CRASH","marks":[{"type":"bold"}]},{"type":"text","text":" — a tense multiplier game with live bots + shared coins"}]},{"type":"paragraph","content":[{"type":"text","text":"Works on desktop AND mobile — on-screen controls double as real touch buttons. All built with Framer Agents."}]},{"type":"paragraph","content":[{"type":"text","text":"If you enjoy it, a vote would mean a lot "},{"type":"emoji","attrs":{"name":"pray","emoji":"🙏"}}]},{"type":"paragraph","content":[{"type":"text","text":"VOTE","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://www.framer.com/community/contests/agents-hackathon/submissions/BQ5Bws59UikUG9rNCVRHCQ/","target":"_blank"}}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","slug":"bravl","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/4spiCCYGXOcuEZe01eAKK9y02WjGf00uMAutBPNmJEuZ6w.m3u8","metadata":{"posterUrl":"https://image.mux.com/4spiCCYGXOcuEZe01eAKK9y02WjGf00uMAutBPNmJEuZ6w/thumbnail.webp?time=2.198","aspectRatio":"1419:1058","duration":11.533333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T17:54:45.485Z","updatedAt":"2026-06-17T17:54:45.485Z"},{"id":"019ed401-ebf5-761e-a61c-510f03c9dcb5","title":null,"body":"

Booted up a whole arcade inside a green-phosphor CRT 🕹 Scanlines, glitch, glow. Play Snake, Flappy & a tense Crash game with bot players. All built with Framer Agents.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Booted up a whole arcade inside a green-phosphor CRT "},{"type":"emoji","attrs":{"name":"joystick","emoji":"🕹"}},{"type":"text","text":" Scanlines, glitch, glow. Play Snake, Flappy & a tense Crash game with bot players. All built with Framer Agents."}]}]},"author":{"framerUserId":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","slug":"bravl","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[{"id":"019ed401-ebf5-761e-a61c-5434131fab84","contestId":"agents-hackathon","author":{"framerUserId":"dd250028-31a7-461d-aa81-bc03dcc2e551","name":"Vlad Bratash","slug":"bravl","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/axwek62u"},"title":"RETRO GAMES","body":"

RETRO GAMES is a pixel arcade housed inside a green-phosphor CRT terminal — scanlines, screen glow, glitch and all. It comes with playable classics: Snake, Flappy, and a tense multiplier Crash game with live bot players, a shared coin balance, and on-screen controls that work on both desktop and mobile. Built entirely in Framer with Framer Agents — layout, components, interactions and the arcade shell.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"RETRO GAMES","marks":[{"type":"bold"}]},{"type":"text","text":" is a pixel arcade housed inside a green-phosphor CRT terminal — scanlines, screen glow, glitch and all. It comes with playable classics: Snake, Flappy, and a tense multiplier Crash game with live bot players, a shared coin balance, and on-screen controls that work on both desktop and mobile. Built entirely in Framer with Framer Agents — layout, components, interactions and the arcade shell."}]}]},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd250028-31a7-461d-aa81-bc03dcc2e551/1pdkkz9u","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":1811}}],"post":null,"data":{"previewUrl":"https://retrogames.framer.ai/"},"winner":false,"createdAt":"2026-06-17T05:15:56.315Z","updatedAt":"2026-06-17T05:15:56.315Z"}],"categories":[],"tags":[],"likes":{"count":64,"liked":false},"comments":{"count":27},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T05:15:56.283Z","updatedAt":"2026-06-17T05:15:56.283Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L65"}]