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

The idea came together in an unexpected way.

I was scrolling through the Framer Agents Hackathon brief, trying to figure out what to build.

The constraints were clear: use Framer, use Agents meaningfully, ship in 24 hours.

But what to create?

I remembered a friend of mine who makes music, and I'd seen the software they use. There was something about it I loved. The design, the aesthetic, the way it was crafted. I thought: how can I build something equally beautiful?

That's when the retro idea hit me. I started researching vintage design online, looking at old interfaces, classic machines. And then I thought about the Macintosh. That iconic design language. How perfectly it would work with a music production tool, if done right.

I sat down and outlined what I wanted:

- A beat grid that feels tactile and mechanical

- Drums with personality and visual character

- AI-powered pattern generation using Framer Agents

- That beautiful vintage Macintosh aesthetic

- Smooth animations that make it feel premium and thoughtful

RWND-808 was born from that moment. Taking inspiration from something beautiful, adding a retro aesthetic twist, and bringing it to life in Framer.

24 hours later, it was live.

https://hy.chujiqiqi.com/community/contests/agents-hackathon/submissions/2KEGpjxPTuRtAZwxArqTgg/

@Framer

53:T683,

Beat Sequencer. A real, playable instrument, built entirely with Framer Agents.

Most “interactive” components fake their interactivity. This one actually plays. The Beat Sequencer is a fully stateful, audio-driven step sequencer you click across the grid and it triggers real sound, in real time, in the browser. And the entire thing, the React code component, the page, the controls, the polish, was created through Framer Agents.

What it does

An 8-row step grid where every cell is a live trigger compose patterns by ear, instantly.
Real Web Audio playback with adjustable BPM and volume, so it behaves like a tool, not a demo.
Five swappable instruments: Guitar, Bass, Synth Lead, Piano, Pad each on its own color-coded lane.

Why it matters for an agents hackathon This wasn’t hand-coded and then dressed up. I used Framer Agents to design and build it end to end: a custom audio code component, exposed cleanly as Framer property controls (accent color, radius, tempo, volume, per-row colors, instrument list, labels, chrome) so the whole instrument stays fully editable on the canvas — zero code required afterward.

It’s a deliberate test of one question: how far can an agent take real, performant, audio-reactive interactivity in Framer while keeping it no-code editable? The Beat Sequencer is my answer — production-grade engineering, authored by agents.

54:T8c8,

SpaceShooter — Retro Arcade Game Component

Drop a fully playable space shooter into any Framer page. Works out of the box — no code, no setup. Just drag it into a frame and publish.

Features

Auto-firing player ship with WASD/Arrow key controls
Touch drag controls on mobile — works on all devices
Power-ups: Rapid Fire, Spread Shot, Shield, Extra Life
Particle explosions and retro sound effects
Score, high score, and level tracking
Pause button (top-right) + keyboard pause (P / Esc)
Pixel-art aesthetic with twinkling starfield
Fully responsive — fills any frame size with no letterboxing

Customization (Property Panel)

Game Title — change the start screen title to anything
Player Image / Enemy Image — upload custom sprites
Player Color, Enemy Color, Bullet Color, Explosion Color
Star Color and Star Size
Player Size and Enemy Size
UI Color — change HUD text color
Start Button Text and Start Button Color
Background Color
Sound FX — toggle on/off

How to Use

Drag the component into any frame
Resize the frame to whatever dimensions you need — the game scales automatically
Customize colors, title, and sprites from the right panel
Publish — it just works

Controls

Desktop: WASD or Arrow Keys to move. Shooting is automatic. Press P or Esc to pause.

Mobile: Drag anywhere on screen to move the ship. Tap the pause button (top-right) to pause. Shooting is automatic.

Good to Know

The game always scales to fill the parent frame (cover mode) so there are no black bars on any screen size
High score persists during the session but resets on page reload
Enemies get progressively harder as your score increases
Power-ups drop randomly from destroyed enemies

55:T748,

Showcase your team beautifully with editable avatars, smart status rings, gradient effects, tooltips, and a +N popup in a clean horizontal stack. Perfect for modern team or community sections.

Details

A polished avatar group for beautiful team and community sections. Arrange faces in a clean stacked row, show live statuses, add subtle motion, and reveal extra members with a clean “+N” popup—everything editable directly in Framer.

What you get

– A refined horizontal stack layout with adjustable overlap, size, and spacing so your avatars always feel balanced and intentional.

– Customizable rings around each avatar — choose any color you like or apply a smooth gradient for a polished look.

– Live status dots (Online, Away, Busy, Offline, or Nothing) so you can show who’s available — or hide the indicator entirely.

– Helpful tooltips with name, role, and an optional button (e.g., “View profile”).

– Smooth micro-interactions: gentle hover, tasteful entrance animations, and optional 3D group tilt.

– Overflow made simple: when you have many people, the +N bubble opens a neat list with photos, names, roles, status, and a quick action.

Perfect for

Team pages, “About” sections, community/member previews, testimonial strips, and product pages that feature contributors.

Easy to customize

– Add or reorder members, switch between image or initials.

– Edit names, roles, status, ring style, and action labels.

– Adjust spacing, size, and colors to match your brand.

– Choose tooltip theme (dark or light) and how lively the interactions feel.

Bring your team to life with clear, elegant presentation and delightful details—no code needed.

56:Tafb,

✨ Sticky Notes Board — Realistic, Responsive & Fully Customizable

Transform your Framer projects with an interactive, realistic sticky-notes board designed for creators, designers, planners, and power-users. Every note is draggable, animated, and fully customizable — offering a playful yet professional way to organize ideas, visuals, and content.

🎨 Fully Customizable Notes

You control every detail:

Preset colors or custom global note color
Optional per-note custom color
Small / medium / large sizes
Rotation, shadow strength & corner radius
Custom fonts and handwritten-style typography
Individual title, text alignment & center/top content layout

Give each note its own character — or create cohesive, styled layouts instantly.

🖱️ Natural Interactions

Built for smooth, intuitive interaction:

Drag notes freely across the board
Notes rise to the top when grabbed (smart z-indexing)
Optional position memory
Optional drag constraints
Smooth desktop behavior + simplified stacked layout on mobile

Feels real. Behaves real.

💫 Realistic Visual Effects

Bring depth and personality to your designs:

Folded corner realism
Soft, dynamic shadows
Gentle rotation
Smooth entry animations (pop, slide, fade)
Optional staggered motion for richer storytelling

Everything works together to create an authentic “paper note” experience.

🖼️ Flexible Backgrounds

Customize the canvas to match your brand or mood:

Solid color
Full-background image
Auto-scaling for all device sizes

Your board becomes a themed workspace, moodboard, dashboard, or creative canvas.

📱 Fully Responsive & Scaled Design

The component automatically adapts:

Desktop/tablet: absolute positioning + perfect scaling
Mobile: optimized stacked layout
Seamless resizing without breaking the composition

The board always looks polished, no matter the screen size.

🎯 Perfect For

Moodboards & vision boards
Dashboards and planning tools
Journals & personal spaces
Creative layouts & ideation boards
Portfolios, presentations & storytelling
Framer designers who want dynamic, expressive UI blocks

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-3f799e7d-1f91-4715-87c3-f579cd963980-all:/unified/creator/3f799e7d-1f91-4715-87c3-f579cd963980/activity/":[{"data":[{"id":"01a02f75-81f1-715d-a9cc-5159c4d29e40","type":"creator.followed","target":{"type":"creator","id":"bf60bf76-0344-4825-b2c3-1cd707ebfe01","preview":"Arsalan Ali","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/855385/avatar-DWL8R4zMvzueddkHXxCNTeiEyJ3Wse.jpg","slug":"devarsalanali","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-23T16:30:25.223Z","latestAt":"2026-08-23T16:30:25.223Z"},{"id":"01a02f75-7e65-71c8-afcd-a895c401e1e8","type":"creator.followed","target":{"type":"creator","id":"33a627d8-4f83-4e2f-8d02-4bdbb58c3ec7","preview":"Hella Fast, LLC","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/694452/avatar-sJzTGZEMT0WZ1yEryeWCj7MBQ0uP8A.jpg","slug":"hella-fast","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-23T16:30:24.351Z","latestAt":"2026-08-23T16:30:24.351Z"},{"id":"019ef5bf-56a4-73ae-8a36-5acbaf3a8864","type":"comment.created","target":{"type":"post","id":"019ef5bb-c83b-733c-ad91-4ef66e678dc6","preview":"Congratulations on all the hackathon winners!!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Congratulations on all the hackathon winners!!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef5bb-c83b-733c-ad91-4ef66e678dc6","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ef5bf-5686-721c-8253-b38923aee2b9","preview":"wait, did they announce the winners already? 😅","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"wait, did they announce the winners already? "},{"type":"emoji","attrs":{"name":"sweat_smile","emoji":"😅"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ef5bb-c83b-733c-ad91-4ef66e678dc6","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ef5bf-5686-721c-8253-b38923aee2b9"},"repost":null}},"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T18:30:18.020Z","latestAt":"2026-06-23T18:30:18.020Z"},{"id":"019ef5bd-39ba-721a-af4d-45b13d4a37fc","type":"post.liked","target":{"type":"post","id":"019ef5bc-3495-74ed-90ec-33f109f42202","preview":"Hi Framer and Framer Community! \nI'm excited to be part of the Framer community starting today. Looking forward to learning, designing, and growing with everyone here.\nThank you!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi Framer and Framer Community! "}]},{"type":"paragraph","content":[{"type":"text","text":"I'm excited to be part of the Framer community starting today. Looking forward to learning, designing, and growing with everyone here."}]},{"type":"paragraph","content":[{"type":"text","text":"Thank you! "}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef5bc-3495-74ed-90ec-33f109f42202","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T18:27:59.539Z","latestAt":"2026-06-23T18:27:59.539Z"},{"id":"019ef5ab-cf62-703f-b69a-f5cb75600aa5","type":"post.liked","target":{"type":"post","id":"019ef59c-8695-70bd-8085-98f67bc96ac1","preview":"My first ever micro animation exploration on framer, is it good?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My first ever micro animation exploration on framer, is it good?"}]}]},"thumbnail":"https://image.mux.com/ifc5zErHrDLM02RhoVvGtOorr4Q94cApYOeryNtiZRmM/thumbnail.webp?time=2.8","targetDeleted":false,"owned":false,"actions":{"postId":"019ef59c-8695-70bd-8085-98f67bc96ac1","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T18:08:58.199Z","latestAt":"2026-06-23T18:08:58.199Z"},{"id":"019ef593-ae5d-70b8-a770-26f656bf1ada","type":"creator.followed","target":{"type":"creator","id":"93200de1-147f-4a0d-b875-446edceda2df","preview":"Khaled Habibullah","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1681751/B1v9QD35M-eH1t1Ac3LjlJWzfliRvqKC25eeGxuq","slug":"vaultifyweb","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T17:42:36.872Z","latestAt":"2026-06-23T17:42:36.872Z"},{"id":"019ef593-a48b-70b7-a610-a830c8f266ce","type":"post.liked","target":{"type":"post","id":"019ef592-b60a-71c1-83f1-0a2b65245bd2","preview":"Hey creators, lets connect. \nFollow me and i will back must 🤝","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey creators, lets connect. "}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me and i will back must "},{"type":"emoji","attrs":{"name":"handshake","emoji":"🤝"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef592-b60a-71c1-83f1-0a2b65245bd2","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T17:42:34.373Z","latestAt":"2026-06-23T17:42:34.373Z"},{"id":"019ef57f-9285-76dc-a3ab-aef4ad22abef","type":"post.liked","target":{"type":"post","id":"019ef57c-f076-75aa-87d0-b007f0cc3d4b","preview":"When will they announce hackathon winners?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"When will they announce hackathon winners?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef57c-f076-75aa-87d0-b007f0cc3d4b","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T17:20:39.041Z","latestAt":"2026-06-23T17:20:39.041Z"},{"id":"019ef57f-6fc0-772e-9768-5349fae58844","type":"comment.liked","target":{"type":"comment","id":"019ef57e-14f3-721d-b0e7-abf3f926ff5e","preview":"cant wait more haha","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"cant wait more haha"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef57c-f076-75aa-87d0-b007f0cc3d4b","like":{"count":3,"liked":false},"reply":{"parentCommentId":"019ef57e-14f3-721d-b0e7-abf3f926ff5e"},"repost":null}},"context":{"type":"post","id":"019ef57c-f076-75aa-87d0-b007f0cc3d4b","preview":"When will they announce hackathon winners?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"When will they announce hackathon winners?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef57c-f076-75aa-87d0-b007f0cc3d4b","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T17:20:30.141Z","latestAt":"2026-06-23T17:20:30.141Z"},{"id":"019ef578-a313-76bb-91e9-be1a253ecd85","type":"post.liked","target":{"type":"post","id":"019ef574-277c-716f-bd18-d967acf68e68","preview":"@Framer Please tell us what time you guys plan to announce the winners for the hackathon I've been anxiously waiting the whole day lol","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" Please tell us what time you guys plan to announce the winners for the hackathon I've been anxiously waiting the whole day lol"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef574-277c-716f-bd18-d967acf68e68","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T17:13:04.527Z","latestAt":"2026-06-23T17:13:04.527Z"},{"id":"019ef578-a0d1-740e-8cfa-f59dbb774581","type":"comment.liked","target":{"type":"comment","id":"019ef574-be16-76bf-96bd-6cf77a940017","preview":"++","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"++"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef574-277c-716f-bd18-d967acf68e68","like":{"count":3,"liked":false},"reply":{"parentCommentId":"019ef574-be16-76bf-96bd-6cf77a940017"},"repost":null}},"context":{"type":"post","id":"019ef574-277c-716f-bd18-d967acf68e68","preview":"@Framer Please tell us what time you guys plan to announce the winners for the hackathon I've been anxiously waiting the whole day lol","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" Please tell us what time you guys plan to announce the winners for the hackathon I've been anxiously waiting the whole day lol"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef574-277c-716f-bd18-d967acf68e68","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T17:13:03.949Z","latestAt":"2026-06-23T17:13:03.949Z"},{"id":"019ef49a-3bf1-73bb-8c73-cf91a962261b","type":"post.liked","target":{"type":"post","id":"019ef495-3ad0-70d7-b90d-27db51b0e1be","preview":"I've been working on a new site today that I'm planning to launch this week 🍀","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I've been working on a new site today that I'm planning to launch this week "},{"type":"emoji","attrs":{"name":"four_leaf_clover","emoji":"🍀"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f5a3bbc9-1f8a-4c09-b2c1-5dc4e90e1c26/2z4h8g6j","targetDeleted":false,"owned":false,"actions":{"postId":"019ef495-3ad0-70d7-b90d-27db51b0e1be","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T13:10:09.132Z","latestAt":"2026-06-23T13:10:09.132Z"},{"id":"019ef499-49a2-720c-854c-46bd6ebec5b6","type":"post.liked","target":{"type":"post","id":"019ef495-fd71-7739-bbe9-c7c3fd6f50b7","preview":"🐾Designers often fall into the trap of using predictable 50/50 split layouts for B2B landing pages. While functional, they can lean dangerously close to feeling like \"just another generic corporate template.\"\nHere is how we are refactoring this Framer hero section for NRHR to transform it into a striking, high-end editorial experience that commands authority.\n📐 The Layout Evolution\nCurrent State: A conventional layout featuring left-aligned text blocks paired with a traditional, centrally focused corporate desk mockup.\nThe New Blueprint: Moving toward an asymmetric, 3-column architectural grid that heavily utilizes intentional negative space—drawing direct, uncompromised attention to the core value proposition.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"feet","emoji":"🐾"}},{"type":"text","text":"Designers often fall into the trap of using predictable 50/50 split layouts for B2B landing pages. While functional, they can lean dangerously close to feeling like \"just another generic corporate template.\""}]},{"type":"paragraph","content":[{"type":"text","text":"Here is how we are refactoring this Framer hero section for "},{"type":"text","text":"NRHR","marks":[{"type":"bold"}]},{"type":"text","text":" to transform it into a striking, high-end editorial experience that commands authority."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"triangular_ruler","emoji":"📐"}},{"type":"text","text":" The Layout Evolution"}]},{"type":"paragraph","content":[{"type":"text","text":"Current State:","marks":[{"type":"bold"}]},{"type":"text","text":" A conventional layout featuring left-aligned text blocks paired with a traditional, centrally focused corporate desk mockup."}]},{"type":"paragraph","content":[{"type":"text","text":"The New Blueprint:","marks":[{"type":"bold"}]},{"type":"text","text":" Moving toward an asymmetric, 3-column architectural grid that heavily utilizes intentional negative space—drawing direct, uncompromised attention to the core value proposition."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/76b4b578-e30a-45d6-bdc8-810b1355191b/unlyzpcf","targetDeleted":false,"owned":false,"actions":{"postId":"019ef495-fd71-7739-bbe9-c7c3fd6f50b7","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T13:09:07.101Z","latestAt":"2026-06-23T13:09:07.101Z"},{"id":"019ef414-242c-73c4-affc-99803f207a51","type":"post.liked","target":{"type":"post","id":"019ef40e-fec0-75fb-b77e-ad58ab42a545","preview":"Got ready to work from home all day","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Got ready to work from home all day"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2c6622af-4bc3-48c9-8fd4-6b98f6555ccd/r94szhad","targetDeleted":false,"owned":false,"actions":{"postId":"019ef40e-fec0-75fb-b77e-ad58ab42a545","like":{"count":27,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T10:43:41.220Z","latestAt":"2026-06-23T10:43:41.220Z"},{"id":"019ef39a-b4ea-7298-a385-d16a2ae35a12","type":"post.liked","target":{"type":"post","id":"019ef391-6ecd-728b-8677-51e4febeabdd","preview":"Just refreshed an old Framer template idea.\nDashcraft is coming back with Emily, a cleaner dashboard UI, and a stronger visual direction.\nFirst update.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just refreshed an old Framer template idea."}]},{"type":"paragraph","content":[{"type":"text","text":"Dashcraft","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/UtOYq2s","target":"_blank"}}]},{"type":"text","text":" is coming back with Emily, a cleaner dashboard UI, and a stronger visual direction."}]},{"type":"paragraph","content":[{"type":"text","text":"First update."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef391-6ecd-728b-8677-51e4febeabdd","like":{"count":18,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T08:31:02.886Z","latestAt":"2026-06-23T08:31:02.886Z"},{"id":"019ef34d-c570-7575-ace5-053351c64a58","type":"template.liked","target":{"type":"template","id":"61898","preview":"Nudge","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/61898/nudge-wdAGEa9o4Syg6QuRvWUJOoY5zy7L9q","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-23T07:07:00.843Z","latestAt":"2026-06-23T07:07:00.843Z"},{"id":"019ef10c-8294-753b-9153-c72c130f6e6b","type":"creator.followed","target":{"type":"creator","id":"4d970337-41f8-4c84-8117-33faceeaca3b","preview":"Sammy Lopez","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4d970337-41f8-4c84-8117-33faceeaca3b/dstxolin","slug":"sammy-lopez","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-22T20:36:29.457Z","latestAt":"2026-06-22T20:36:29.457Z"},{"id":"019ef027-7742-7429-ab80-bf5f68ce441a","type":"post.liked","target":{"type":"post","id":"019ed63d-9190-74f8-ba9f-275effb09f13","preview":null,"previewJson":null,"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed63d-9190-74f8-ba9f-275effb09f13","like":{"count":223,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-22T16:26:18.813Z","latestAt":"2026-06-22T16:26:18.813Z"},{"id":"019ef027-765a-727f-b51d-45267bb56bc4","type":"post.liked","target":{"type":"post","id":"019ed338-441b-72c9-8a20-0fd8b86df275","preview":"My entry's live: Caelara. I wanted to build something that makes you feel seen, not just something pretty. Three small words in → a glowing star, your own constellation, and a poem made for no one else — all built with Framer Agents. Try it and leave a light in the shared sky:)","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My entry's live: "},{"type":"text","text":"Caelara","marks":[{"type":"bold"}]},{"type":"text","text":". I wanted to build something that makes you feel "},{"type":"text","text":"seen","marks":[{"type":"italic"}]},{"type":"text","text":", not just something pretty. Three small words in → a glowing star, your own constellation, and a poem made for no one else — all built with Framer Agents. Try it and leave a light in the shared sky:)"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed338-441b-72c9-8a20-0fd8b86df275","like":{"count":232,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-22T16:26:18.582Z","latestAt":"2026-06-22T16:26:18.582Z"},{"id":"019ef027-7335-7050-a280-c26570f60876","type":"post.liked","target":{"type":"post","id":"019ed69f-5f67-727b-a792-761a85149e12","preview":"What does your name sound like on a tabla? Or a sitar? This turns every letter you type into an actual note or rhythmic syllable from Indian classical music - then lets it dissolve into the air, the way sound naturally does. Pick an instrument, type your name, and listen.\"","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"What does your name sound like on a tabla? Or a sitar? This turns every letter you type into an actual note or rhythmic syllable from Indian classical music - then lets it dissolve into the air, the way sound naturally does. Pick an instrument, type your name, and listen.\""}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed69f-5f67-727b-a792-761a85149e12","like":{"count":274,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","slug":"pantelis-tassopoulos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-22T16:26:17.767Z","latestAt":"2026-06-22T16:26:17.767Z"}],"pagination":{"next":"MjAyNi0wNi0yMlQxNjoyNjoxNy43NjdafDAxOWVmMDI3LTczMzUtNzA1MC1hMjgwLWMyNjU3MGY2MDg3Ng","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:3f799e7d-1f91-4715-87c3-f579cd963980:/unified/posts/?creator=3f799e7d-1f91-4715-87c3-f579cd963980&with=reposts":[{"data":[{"id":"019ef5bb-618a-76e8-bde0-820a4a0229eb","title":null,"body":"

Built a burger shop template KOSMOS, what do you think?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Built a burger shop template KOSMOS, what do you think?"}]}]},"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f799e7d-1f91-4715-87c3-f579cd963980/smvy6gfg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1868,"height":1376}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-23T18:25:58.671Z","updatedAt":"2026-06-23T18:25:58.671Z"},{"id":"019eea0d-f4be-7763-85f9-a0054dd09ba2","title":null,"body":"

AvatarGroupEditable ✨

Polished team avatars with status indicators, smooth interactions,

and smart overflow handling.

Check the marketplace 😁

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"AvatarGroupEditable "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Polished team avatars with status indicators, smooth interactions, "}]},{"type":"paragraph","content":[{"type":"text","text":"and smart overflow handling."}]},{"type":"paragraph","content":[{"type":"text","text":"Check the marketplace "},{"type":"emoji","attrs":{"name":"grin","emoji":"😁"}}]}]},"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/nH02RAmSFNScDW1Ru005FudWiyaim2gBygpTFD4Ecax4M.m3u8","metadata":{"posterUrl":"https://image.mux.com/nH02RAmSFNScDW1Ru005FudWiyaim2gBygpTFD4Ecax4M/thumbnail.webp?time=2.486","aspectRatio":"1:1","duration":13.880544}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":8},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-21T12:00:43.715Z","updatedAt":"2026-06-21T12:00:43.715Z"},{"id":"019ee75a-645d-72ed-85e8-9057f366bb7a","title":null,"body":"

Volume up and listen.

This is what happens when you let Framer Agents build music tools.

Creating beats in real-time with RWND-808.

Framer's new AI-powered agents let you create interactive experiences that were impossible before. No limits. Pure creativity.

Built entirely in 24 hours. For the Framer Agents Hackathon.

https://hy.chujiqiqi.com/community/contests/agents-hackathon/submissions/2KEGpjxPTuRtAZwxArqTgg/

@framer

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Volume up and listen."}]},{"type":"paragraph","content":[{"type":"text","text":"This is what happens when you let Framer Agents build music tools."}]},{"type":"paragraph","content":[{"type":"text","text":"Creating beats in real-time with RWND-808."}]},{"type":"paragraph","content":[{"type":"text","text":"Framer's new AI-powered agents let you create interactive experiences that were impossible before. No limits. Pure creativity. "}]},{"type":"paragraph","content":[{"type":"text","text":"Built entirely in 24 hours. For the Framer Agents Hackathon."}]},{"type":"paragraph","content":[{"type":"text","text":"https://hy.chujiqiqi.com/community/contests/agents-hackathon/submissions/2KEGpjxPTuRtAZwxArqTgg/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://hy.chujiqiqi.com/community/contests/agents-hackathon/submissions/2KEGpjxPTuRtAZwxArqTgg/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"@framer"}]}]},"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/hxjVPFxnxStT9n00bjtwBTBUe1w02Fu01zPD39UlRL7WGg.m3u8","metadata":{"posterUrl":"https://image.mux.com/hxjVPFxnxStT9n00bjtwBTBUe1w02Fu01zPD39UlRL7WGg/thumbnail.webp?time=57.36","aspectRatio":"4:5","duration":114.68}},{"type":"video","url":"https://stream.mux.com/SK3gPo027EJJXhA9TlJ9658cWp7kn8oJlo0000qBRdV9A00.m3u8","metadata":{"posterUrl":"https://image.mux.com/SK3gPo027EJJXhA9TlJ9658cWp7kn8oJlo0000qBRdV9A00/thumbnail.webp?time=73.64","aspectRatio":"4:5","duration":113.08}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-20T23:26:26.178Z","createdAt":"2026-06-20T23:25:21.376Z","updatedAt":"2026-06-20T23:26:26.178Z"},{"id":"019edfdf-71fa-72ec-97f2-d9b705d88dcd","title":null,"body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The idea came together in an unexpected way."}]},{"type":"paragraph","content":[{"type":"text","text":"I was scrolling through the "},{"type":"text","text":"Framer Agents Hackathon","marks":[{"type":"bold"}]},{"type":"text","text":" brief, trying to figure out what to build. "}]},{"type":"paragraph","content":[{"type":"text","text":"The constraints were clear: use Framer, use Agents meaningfully, ship in 24 hours. "}]},{"type":"paragraph","content":[{"type":"text","text":"But what to create?"}]},{"type":"paragraph","content":[{"type":"text","text":"I remembered a friend of mine who makes music, and I'd seen the software they use. There was something about it I loved. The design, the aesthetic, the way it was crafted. I thought: how can I build something equally beautiful?"}]},{"type":"paragraph","content":[{"type":"text","text":"That's when the retro idea hit me. I started researching vintage design online, looking at old interfaces, classic machines. And then I thought about the Macintosh. That iconic design language. How perfectly it would work with a music production tool, if done right."}]},{"type":"paragraph","content":[{"type":"text","text":"I sat down and outlined what I wanted:"}]},{"type":"paragraph","content":[{"type":"text","text":"- A beat grid that feels tactile and mechanical"}]},{"type":"paragraph","content":[{"type":"text","text":"- Drums with personality and visual character"}]},{"type":"paragraph","content":[{"type":"text","text":"- AI-powered pattern generation using Framer Agents"}]},{"type":"paragraph","content":[{"type":"text","text":"- That beautiful vintage Macintosh aesthetic"}]},{"type":"paragraph","content":[{"type":"text","text":"- Smooth animations that make it feel premium and thoughtful"}]},{"type":"paragraph","content":[{"type":"text","text":"RWND-808 was born from that moment. Taking inspiration from something beautiful, adding a retro aesthetic twist, and bringing it to life in Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"24 hours later, it was live."}]},{"type":"paragraph","content":[{"type":"text","text":"https://hy.chujiqiqi.com/community/contests/agents-hackathon/submissions/2KEGpjxPTuRtAZwxArqTgg/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://hy.chujiqiqi.com/community/contests/agents-hackathon/submissions/2KEGpjxPTuRtAZwxArqTgg/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]}]},"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f799e7d-1f91-4715-87c3-f579cd963980/30lszv2u","metadata":{"tint":{"h":0,"s":0,"l":33},"width":2560,"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":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-19T12:34:51.875Z","createdAt":"2026-06-19T12:33:43.423Z","updatedAt":"2026-06-19T12:34:51.875Z"},{"id":"019edb3e-473a-71ba-88dd-446bc454dfaf","title":null,"body":"

Now everything can have a voice 🎛

Interactive Beat Sequencer built with Framer Agents for the Hackathon.

https://hy.chujiqiqi.com/community/contests/agents-hackathon/submissions/2KEGpjxPTuRtAZwxArqTgg/

@Framer

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Now everything can have a voice "},{"type":"emoji","attrs":{"name":"control_knobs","emoji":"🎛"}}]},{"type":"paragraph","content":[{"type":"text","text":"Interactive Beat Sequencer built with Framer Agents for the Hackathon. "}]},{"type":"paragraph","content":[{"type":"text","text":"https://hy.chujiqiqi.com/community/contests/agents-hackathon/submissions/2KEGpjxPTuRtAZwxArqTgg/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://hy.chujiqiqi.com/community/contests/agents-hackathon/submissions/2KEGpjxPTuRtAZwxArqTgg/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]}]},"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f799e7d-1f91-4715-87c3-f579cd963980/f373ydet","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2560,"height":3200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f799e7d-1f91-4715-87c3-f579cd963980/5w6q6ztp","metadata":{"tint":{"h":0,"s":0,"l":33},"width":2560,"height":3200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-18T15:06:00.318Z","createdAt":"2026-06-18T14:59:12.319Z","updatedAt":"2026-06-18T15:06:00.318Z"},{"id":"019ed662-b688-707a-9c9a-8fdd66390248","title":null,"body":"

RWND-808.Built end-to-end with Framer Agents for the @Framer Hackathon.Just experimenting ✦

(audio doesn't come through in the screen recording — it actually plays 😁)

https://hy.chujiqiqi.com/community/contests/agents-hackathon/submissions/2KEGpjxPTuRtAZwxArqTgg/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"RWND-808.Built end-to-end with Framer Agents for the "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" Hackathon.Just experimenting ✦"}]},{"type":"paragraph","content":[{"type":"text","text":"(audio doesn't come through in the screen recording — it actually plays "},{"type":"emoji","attrs":{"name":"grin","emoji":"😁"}},{"type":"text","text":")"}]},{"type":"paragraph","content":[{"type":"text","text":"https://hy.chujiqiqi.com/community/contests/agents-hackathon/submissions/2KEGpjxPTuRtAZwxArqTgg/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://hy.chujiqiqi.com/community/contests/agents-hackathon/submissions/2KEGpjxPTuRtAZwxArqTgg/","target":"_blank"}}]}]}]},"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/hoTJY00mm771Gu8zYrFAAl1YzD7BdaekFGF101cyvfutE.m3u8","metadata":{"posterUrl":"https://image.mux.com/hoTJY00mm771Gu8zYrFAAl1YzD7BdaekFGF101cyvfutE/thumbnail.webp?time=8.794","aspectRatio":"1082:855","duration":220.061667}}],"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":2,"edited":true,"editedAt":"2026-06-17T16:22:54.140Z","createdAt":"2026-06-17T16:20:54.031Z","updatedAt":"2026-06-17T16:22:54.140Z"},{"id":"019ed626-cd95-726e-8d46-0767642e4e1d","title":null,"body":"

Built a Beat Sequencer for the Framer Hackathon.Real Web Audio playback · 5 instruments · adjustable tempo · every parameter exposed as a Framer control.Built end-to-end with Framer Agents. Fully interactive, fully no-code editable.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Built a Beat Sequencer for the Framer Hackathon.Real Web Audio playback · 5 instruments · adjustable tempo · every parameter exposed as a Framer control.Built end-to-end with Framer Agents. Fully interactive, fully no-code editable."}]}]},"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[{"id":"019ed626-cd95-726e-8d46-0aa4b4c84a83","contestId":"agents-hackathon","author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg"},"title":"RWND-808","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Beat Sequencer. A real, playable instrument, built entirely with Framer Agents.","marks":[{"type":"bold"},{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Most “interactive” components fake their interactivity. This one actually plays. The Beat Sequencer is a fully stateful, audio-driven step sequencer you click across the grid and it triggers real sound, in real time, in the browser. And the entire thing, the React code component, the page, the controls, the polish, was created through Framer Agents.","marks":[{"type":"bold"},{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"What it does","marks":[{"type":"bold"},{"type":"italic"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"An 8-row step grid where every cell is a live trigger compose patterns by ear, instantly.","marks":[{"type":"bold"},{"type":"italic"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real Web Audio playback with adjustable BPM and volume, so it behaves like a tool, not a demo.","marks":[{"type":"bold"},{"type":"italic"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Five swappable instruments: Guitar, Bass, Synth Lead, Piano, Pad each on its own color-coded lane.","marks":[{"type":"bold"},{"type":"italic"}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Why it matters for an agents hackathon This wasn’t hand-coded and then dressed up. I used Framer Agents to design and build it end to end: a custom audio code component, exposed cleanly as Framer property controls (accent color, radius, tempo, volume, per-row colors, instrument list, labels, chrome) so the whole instrument stays fully editable on the canvas — zero code required afterward.","marks":[{"type":"bold"},{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"It’s a deliberate test of one question: how far can an agent take real, performant, audio-reactive interactivity in Framer while keeping it no-code editable? The Beat Sequencer is my answer — production-grade engineering, authored by agents.","marks":[{"type":"bold"},{"type":"italic"}]}]}]},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f799e7d-1f91-4715-87c3-f579cd963980/v4bwzd5i","metadata":{"tint":{"h":0,"s":0,"l":33},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f799e7d-1f91-4715-87c3-f579cd963980/t92qzarb","metadata":{"tint":{"h":0,"s":0,"l":33},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f799e7d-1f91-4715-87c3-f579cd963980/9omsnbn5","metadata":{"tint":{"h":0,"s":0,"l":33},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f799e7d-1f91-4715-87c3-f579cd963980/nr95pu3c","metadata":{"tint":{"h":0,"s":0,"l":33},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f799e7d-1f91-4715-87c3-f579cd963980/6vjolch1","metadata":{"tint":{"h":0,"s":0,"l":33},"width":1600,"height":1200}}],"post":null,"data":{"previewUrl":"https://rwnd-808.framer.website"},"winner":false,"createdAt":"2026-06-17T15:15:27.856Z","updatedAt":"2026-06-17T15:15:27.856Z"}],"categories":[],"tags":[],"likes":{"count":17,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T15:15:27.777Z","updatedAt":"2026-06-17T15:15:27.777Z"},{"id":"019ed2ba-b66d-71eb-bdab-ca8f69f5f018","title":null,"body":"

Ηey framer crew!!😁

Βuilding a beat sequencer for the hackathon tonight. smooth animations, interactive grid, the whole vibe. anyone else awake and grinding on their entries?

(also if you have tips on scroll-triggered animations, i'm all ears)

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Ηey framer crew!!"},{"type":"emoji","attrs":{"name":"grin","emoji":"😁"}}]},{"type":"paragraph","content":[{"type":"text","text":"Βuilding a beat sequencer for the hackathon tonight. smooth animations, interactive grid, the whole vibe. anyone else awake and grinding on their entries? "}]},{"type":"paragraph","content":[{"type":"text","text":"(also if you have tips on scroll-triggered animations, i'm all ears)"}]}]},"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T23:18:32.309Z","updatedAt":"2026-06-16T23:18:32.309Z"},{"id":"019ed1dd-cb39-7086-a002-1cedf1a0fafd","title":null,"body":"

Just shipped my StickyNotesBoard component. A fully interactive, draggable sticky notes board with smooth animations & customizable everything.

Perfect for moodboards, dashboards, planning tools, or creative showcases.

Built with Framer. Available on the marketplace. 🎨✨

Check it out if you're looking to add some interactive magic to your projects!

https://hy.chujiqiqi.com/community/marketplace/components/stickynotesboard/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just shipped my StickyNotesBoard component. A fully interactive, draggable sticky notes board with smooth animations & customizable everything."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for moodboards, dashboards, planning tools, or creative showcases."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with Framer. Available on the marketplace. "},{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Check it out if you're looking to add some interactive magic to your projects!"}]},{"type":"paragraph","content":[{"type":"text","text":"https://hy.chujiqiqi.com/community/marketplace/components/stickynotesboard/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://hy.chujiqiqi.com/community/marketplace/components/stickynotesboard/","target":"_blank"}}]}]}]},"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f799e7d-1f91-4715-87c3-f579cd963980/tjo13763","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T19:17:14.178Z","updatedAt":"2026-06-16T19:17:14.178Z"},{"id":"019ed1d1-cfbd-739b-b0a6-3581994e2036","title":null,"body":"

Your Instagram profile is your first impression. Design it. Polish it. Make it

match YOUR aesthetic. The right clients will find you.

Build your portfolio in Framer. Quality design + consistency = clients coming to you. 🚀😁

#Framer #DesignCommunity #Portfolio #WebDesign #Freelancer #Designer

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Your Instagram profile is your first impression. Design it. Polish it. Make it "}]},{"type":"paragraph","content":[{"type":"text","text":"match YOUR aesthetic. The right clients will find you."}]},{"type":"paragraph","content":[{"type":"text","text":"Build your portfolio in Framer. Quality design + consistency = clients coming to you. "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"emoji","attrs":{"name":"grin","emoji":"😁"}}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #DesignCommunity #Portfolio #WebDesign #Freelancer #Designer"}]}]},"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f799e7d-1f91-4715-87c3-f579cd963980/tr8zuv1c","metadata":{"tint":{"h":180,"s":50,"l":6},"width":1179,"height":2556}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T19:04:08.898Z","updatedAt":"2026-06-16T19:04:08.898Z"},{"id":"019ed1c7-6ed0-74eb-a0d7-a7d2d037d2a6","title":null,"body":"

Hey all, you can add community to your home screen 😁

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey all, you can add community to your home screen ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"grin","emoji":"😁"}}]},{"type":"paragraph"}]},"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f799e7d-1f91-4715-87c3-f579cd963980/hhsjd7sm","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1179,"height":2556}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":20,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T18:52:48.723Z","updatedAt":"2026-06-16T18:52:48.723Z"},{"id":"019ed1c4-32b4-7348-81cf-4484df4f9be8","title":null,"body":"

Trying to grow more in the Framer community

If you’re also building with Framer, let’s connect. I’ll follow back everyone building cool stuff.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Trying to grow more in the Framer community "}]},{"type":"paragraph","content":[{"type":"text","text":"If you’re also building with Framer, let’s connect. I’ll follow back everyone building cool stuff."}]}]},"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T18:49:16.735Z","updatedAt":"2026-06-16T18:49:16.735Z"},{"id":"019ed1bf-cb29-714d-9c7b-9037c2ca49d6","title":null,"body":"

Today’s goal: Finish a client’s website.

What actually happened: “Let’s test the new Framer Agent real quick…”

😅

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Today’s goal: Finish a client’s website."}]},{"type":"paragraph","content":[{"type":"text","text":"What actually happened: “Let’s test the new Framer Agent real quick…”"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sweat_smile","emoji":"😅"}}]}]},"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f799e7d-1f91-4715-87c3-f579cd963980/u6os07nr","metadata":{"tint":{"h":0,"s":0,"l":9},"width":506,"height":272}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T18:44:32.421Z","updatedAt":"2026-06-16T18:44:32.421Z"},{"id":"019ed1b1-7ab4-77e9-a555-b7fc775ec7b7","title":null,"body":"

What if websites weren’t just pages… but actual games?

Imagine landing on a portfolio and exploring it like a space shooter.

Imagine visitors who play instead of scroll.

I built a playable Space Shooter component: https://hy.chujiqiqi.com/community/marketplace/components/spaceshooter/

Are game-like websites the future, or should websites stay simple and focused?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"What if "},{"type":"text","text":"websites weren’t just pages","marks":[{"type":"bold"}]},{"type":"text","text":"… but"},{"type":"text","text":" actual games","marks":[{"type":"bold"}]},{"type":"text","text":"?"}]},{"type":"paragraph","content":[{"type":"text","text":"Imagine landing on a portfolio and exploring it like a "},{"type":"text","text":"space shooter","marks":[{"type":"bold"}]},{"type":"text","text":". "}]},{"type":"paragraph","content":[{"type":"text","text":"Imagine visitors who "},{"type":"text","text":"play instead of scroll","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"I built a playable "},{"type":"text","text":"Space Shooter","marks":[{"type":"bold"}]},{"type":"text","text":" component: "},{"type":"text","text":"https://hy.chujiqiqi.com/community/marketplace/components/spaceshooter/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://hy.chujiqiqi.com/community/marketplace/components/spaceshooter/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Are "},{"type":"text","text":"game-like websites","marks":[{"type":"bold"}]},{"type":"text","text":" the future, or should websites stay "},{"type":"text","text":"simple and focused","marks":[{"type":"bold"}]},{"type":"text","text":"?"}]},{"type":"paragraph"}]},"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f799e7d-1f91-4715-87c3-f579cd963980/0jbab3c0","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T18:28:49.980Z","updatedAt":"2026-06-16T18:28:49.980Z"},{"id":"019ed1a6-f39d-7045-9a6d-843a360b9986","title":null,"body":"

I’ve just run /Framer in Claude Code, and it returns “Unknown command: /Framer”.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I’ve just run /Framer in Claude Code, and it returns “Unknown command: /Framer”."}]}]},"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f799e7d-1f91-4715-87c3-f579cd963980/5eayhu9w","metadata":{"tint":{"h":0,"s":0,"l":9},"width":408,"height":92}}],"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":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T18:17:20.033Z","updatedAt":"2026-06-16T18:17:20.033Z"},{"id":"019ed1a5-1045-7789-b89b-81a5dcb9d128","title":null,"body":"

Heyy Chat!!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Heyy Chat!!"}]}]},"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T18:15:16.297Z","updatedAt":"2026-06-16T18:15:16.297Z"},{"id":"019ce698-2fc2-74d2-9972-7a70abc68310","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"7CsWvQSrj4mginX9lQ36","resolved":true,"title":"SpaceShooter","body":"$54","bodyJson":null,"introduction":"Plug-and-play arcade game for your site","slug":"spaceshooter","author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/9hvvnd1ydzleajYeLAyE/spaceshooter-g4NpHSak8OGovyhvgB1DFa7kfgedUM","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-04T19:19:36.684Z","updatedAt":"2026-03-13T09:37:47.624Z","publishedAt":"2026-03-13T09:47:39.330Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://spaceshooter.framer.website","price":"5","paymentUrl":"https://pantelis-tassopoulos.lemonsqueezy.com/checkout/buy/3942ed5d-28f7-421b-841a-58dc45fe1c13?logo=0&discount=0","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"jKFFJ0fL10BtA6lAxFiM","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-13T09:47:39.330Z","updatedAt":"2026-03-13T09:47:39.330Z"},{"id":"019abf83-69ec-7d2c-9612-8b6588342f34","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"6QMZi5IUdYcA8kwpfjT4","resolved":true,"title":"AvatarGroupEditable","body":"$55","bodyJson":null,"introduction":"","slug":"avatargroupeditable","author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/6QMZi5IUdYcA8kwpfjT4/avatargroupeditable-1HlaCJHjcD5izPSVh9wrvq1hXhDtn8","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-10T02:04:21.878Z","updatedAt":"2025-11-26T09:25:49.251Z","publishedAt":"2025-11-26T09:34:11.948Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://avatargroupeditable.framer.website/preview","price":"6","paymentUrl":"https://pantelis-tassopoulos.lemonsqueezy.com/buy/78bf2649-7a2c-4e84-8506-ce7d7700d801?logo=0","workshop":true,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"CQoPUIpbz5Wtw5BEd078","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-26T09:34:11.948Z","updatedAt":"2025-11-26T09:34:11.948Z"},{"id":"019abbc6-7859-7190-824f-2b5a2cd9766c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"KX5cITkX7cVMH4tZfjgK","resolved":true,"title":"PasswordGate","body":"

Bring a touch of mystery and style to your Framer site.

PasswordGate is a fully customizable visual password overlay — not real authentication, but a smooth cinematic gateway before revealing your content.

The animated eye follows your cursor, blinks naturally, and visually “guards” your page. Set your own access code and tailor the entire experience to your project’s aesthetic.

Every detail is customizable — background blur or color overlays, eye design, button styles, text colors, and more — making it easy to blend seamlessly with any theme.

Perfect for portfolio reveals, client previews, gated showcases, or creative landing pages where you want a stylish full-screen entrance before the main content.

","bodyJson":null,"introduction":"","slug":"passwordgate","author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/KX5cITkX7cVMH4tZfjgK/passwordgate-BeemlJjLEooZJO9DcSWhElF4Q7QUav","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-12T13:52:28.351Z","updatedAt":"2025-11-25T16:05:20.542Z","publishedAt":"2025-11-25T16:08:57.689Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://passwordgate.framer.website/preview","price":"5","paymentUrl":"https://pantelis-tassopoulos.lemonsqueezy.com/buy/ba006fb0-96fb-4c8f-a1f6-97425619c31e?logo=0","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"1XTHFN63HXgXtEG8ETw6","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-25T16:08:57.689Z","updatedAt":"2025-11-25T16:08:57.689Z"},{"id":"019aba79-e7fb-7eb6-8dec-974bf9e745cf","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"VUktIYroIkwUlMgxcgmL","resolved":true,"title":"StickyNotesBoard","body":"$56","bodyJson":null,"introduction":"","slug":"stickynotesboard","author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/VUktIYroIkwUlMgxcgmL/stickynotesboard-B2BioT88glt8DnIyPZkeo7E9mJxsIg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-17T11:14:46.245Z","updatedAt":"2025-11-25T10:01:06.201Z","publishedAt":"2025-11-25T10:05:42.779Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://stickynotesboard.framer.website","price":"5","paymentUrl":"https://pantelis-tassopoulos.lemonsqueezy.com/buy/3d47eb0f-7c98-46f5-a07d-03a5f3c0f057?logo=0","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"1xtKIwDGVkDxelGP3U9O","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":44,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-25T10:05:42.779Z","updatedAt":"2025-11-25T10:05:42.779Z"}],"pagination":{"next":"MDE5YWJhNzktZTdmYi03ZWI2LThkZWMtOTc0YmY5ZTc0NWNm","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L57"}]