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

53: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.

54: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.

50:["$","$L51",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://hy.chujiqiqi.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":17,"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/h2w133tm","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://hy.chujiqiqi.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://hy.chujiqiqi.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":"$52","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":"$53","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://hy.chujiqiqi.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://hy.chujiqiqi.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":"$54","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://hy.chujiqiqi.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://hy.chujiqiqi.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":"$L55"}]