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

Cerre is an editorial luxury skincare website template built for beauty brands, independent skincare founders, and wellness companies that want a refined, fashion-house aesthetic without the noise.

Inspired by high-end European beauty editorials, Cerre pairs a tall contrast serif with generous negative space, dusty cream and steel blue tones, and overlapping circle image frames — giving any skincare brand an immediate sense of craft and intention.

What's included:

Split hero with full-bleed photography and oversized serif headline
Brand philosophy editorial section
Overlapping circle concept/pillars section
3-column product collection grid
Full-bleed editorial feature banner
3-step ritual/how-to-use section
Staggered pull-quote testimonials
Founder/about two-column section
Press logo strip
CTA banner and minimal footer

Design details:

Dusty cream and muted steel blue palette
Hairline rules as the only decorative element
Fully responsive — desktop, tablet, mobile

Perfect for independent beauty brands, skincare founders, wellness studios, or agencies building for luxury clients.

53:T627,

Mosaic AI is a precision-built template for AI, data, and developer-tooling companies that want a technical, no-nonsense visual identity — pure monochrome, dot-matrix display type, and generative dot-pattern artwork instead of stock photography.

Built for companies whose product is the engineering, Mosaic strips away color and decoration to let typography, structure, and data do the talking.

What's included:

Full-page hero with node-diagram graphic and dual CTAs
Trust bar with client wordmarks and stat highlights
Product spotlight section with generative dot-art illustration
6-card capabilities grid
3-step "How It Works" process section
Case studies grid with hover-reveal outcomes
Staggered testimonial layout
Full-width inverted CTA banner
Minimal footer

Design details:

Pure black/white/gray palette — zero color accents
Dot-matrix/LED display font for headlines and stats
Clean grotesk body type
Dot-pattern and ASCII-style generative textures, no external images
Subtle scroll-reveal animations throughout
Fully responsive — desktop, tablet, mobile

Ideal for AI platforms, data analytics tools, dev tooling, infrastructure products, or any technical brand that wants to feel engineered rather than decorated.

54:T627,

Built for companies whose product is the engineering, Mosaic strips away color and decoration to let typography, structure, and data do the talking.

What's included:

Full-page hero with node-diagram graphic and dual CTAs
Trust bar with client wordmarks and stat highlights
Product spotlight section with generative dot-art illustration
6-card capabilities grid
3-step "How It Works" process section
Case studies grid with hover-reveal outcomes
Staggered testimonial layout
Full-width inverted CTA banner
Minimal footer

Design details:

Pure black/white/gray palette — zero color accents
Dot-matrix/LED display font for headlines and stats
Clean grotesk body type
Dot-pattern and ASCII-style generative textures, no external images
Subtle scroll-reveal animations throughout
Fully responsive — desktop, tablet, mobile

Ideal for AI platforms, data analytics tools, dev tooling, infrastructure products, or any technical brand that wants to feel engineered rather than decorated.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-dbac8b5e-6114-489e-84ad-6beea585bff3-all:/unified/creator/dbac8b5e-6114-489e-84ad-6beea585bff3/activity/":[{"data":[{"id":"019f5d26-ada7-75cf-9c7b-806d29035052","type":"template.created","target":{"type":"template","id":"69468","preview":"Cerre","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/019f5d25-fe0a-729e-b045-16b06a2be017.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","slug":"parinaz-kassemi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-13T20:24:03.751Z","latestAt":"2026-07-13T20:24:03.751Z"},{"id":"019f28a6-7fbd-76d8-9598-22c89625ea15","type":"template.created","target":{"type":"template","id":"68866","preview":"Monodat Template","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/qlqbxprz","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","slug":"parinaz-kassemi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-03T15:43:48.157Z","latestAt":"2026-07-03T15:43:48.157Z"},{"id":"019f28a1-ece4-7418-af0e-dd7c83859d6a","type":"post.liked","target":{"type":"post","id":"019f2752-b354-733c-a0c0-d7681de44fd8","preview":"I built myself an \"Unstacking Gallery\" that throws cards as you scroll. A little bit of randomisation of rotation and distance and it feels so natural, I love it.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I built myself an \"Unstacking Gallery\" that throws cards as you scroll. A little bit of randomisation of rotation and distance and it feels so natural, I love it."}]}]},"thumbnail":"https://image.mux.com/9YniMBwOiPvaUwv02jwBhevCAc3gDsJA7GaO402LD1aX4/thumbnail.webp?time=2.839","targetDeleted":false,"owned":false,"actions":{"postId":"019f2752-b354-733c-a0c0-d7681de44fd8","like":{"count":106,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","slug":"parinaz-kassemi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-03T15:38:48.417Z","latestAt":"2026-07-03T15:38:48.417Z"},{"id":"019f19ca-c50e-758e-bb05-8136d744404a","type":"template.created","target":{"type":"template","id":"68639","preview":"Monodata Template","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/8pv1x4nk","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","slug":"parinaz-kassemi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-30T18:29:06.958Z","latestAt":"2026-06-30T18:29:06.958Z"},{"id":"019f04d8-dbb6-72f1-bbf7-db5e1e9261ce","type":"creator.followed","target":{"type":"creator","id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","preview":"Framer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107446/xpZr8yYS_400x400-2-MqZMjb2zlessnXickTqkyAzkfqz6le.jpg","slug":"framer","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","slug":"parinaz-kassemi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-26T16:52:28.720Z","latestAt":"2026-06-26T16:52:28.720Z"},{"id":"019efa71-5170-7265-85f7-3440fd4a8721","type":"component.created","target":{"type":"component","id":"0JihgjLVXl7gBjni3Z9Z","preview":"Particle Synthesizer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/yknib045","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","slug":"parinaz-kassemi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-24T16:23:10.960Z","latestAt":"2026-06-24T16:23:10.960Z"},{"id":"019ef628-c938-7253-a6d2-64220473f0c9","type":"component.created","target":{"type":"component","id":"cPHMvzwmA3baVVT43aLl","preview":"Particle Synth","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/rx189dfe","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","slug":"parinaz-kassemi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-23T20:25:28.632Z","latestAt":"2026-06-23T20:25:28.632Z"},{"id":"019ed5dd-b811-7594-9bd2-c15fd35627dd","type":"comment.reply","target":{"type":"post","id":"019ed244-acd7-7167-b234-6f1d5d17608c","preview":"I've been exploring visuals combined with sound for awhile and brought it together in this project. This music machine is pulled from some code I put together for my portfolio a while back and gave it some new life for this hackathon. Enjoy!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I've been exploring visuals combined with sound for awhile and brought it together in this project. This music machine is pulled from some code I put together for my portfolio a while back and gave it some new life for this hackathon. Enjoy!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed244-acd7-7167-b234-6f1d5d17608c","like":{"count":66,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ed5dd-b7fb-70f3-9e56-57ef30a2364d","preview":"tysm!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"tysm!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed244-acd7-7167-b234-6f1d5d17608c","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ed551-17a2-7503-91ab-b1481e6aa0f6"},"repost":null}},"actors":[{"id":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","slug":"parinaz-kassemi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T13:55:38.129Z","latestAt":"2026-06-17T13:55:38.129Z"},{"id":"019ed5dd-a4dc-75c9-9321-cd1989ae117e","type":"comment.reply","target":{"type":"post","id":"019ed244-acd7-7167-b234-6f1d5d17608c","preview":"I've been exploring visuals combined with sound for awhile and brought it together in this project. This music machine is pulled from some code I put together for my portfolio a while back and gave it some new life for this hackathon. Enjoy!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I've been exploring visuals combined with sound for awhile and brought it together in this project. This music machine is pulled from some code I put together for my portfolio a while back and gave it some new life for this hackathon. Enjoy!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed244-acd7-7167-b234-6f1d5d17608c","like":{"count":66,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ed5dd-a4ae-77dc-92ff-0524a5fa3373","preview":"thank you!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"thank you!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed244-acd7-7167-b234-6f1d5d17608c","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ed44b-0438-74fd-888f-cbec5566dc1f"},"repost":null}},"actors":[{"id":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","slug":"parinaz-kassemi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T13:55:33.212Z","latestAt":"2026-06-17T13:55:33.212Z"},{"id":"019ed25d-23cc-7136-afca-4b895fc51c19","type":"comment.reply","target":{"type":"post","id":"019ed244-acd7-7167-b234-6f1d5d17608c","preview":"I've been exploring visuals combined with sound for awhile and brought it together in this project. This music machine is pulled from some code I put together for my portfolio a while back and gave it some new life for this hackathon. Enjoy!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I've been exploring visuals combined with sound for awhile and brought it together in this project. This music machine is pulled from some code I put together for my portfolio a while back and gave it some new life for this hackathon. Enjoy!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed244-acd7-7167-b234-6f1d5d17608c","like":{"count":66,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ed25d-23ba-761b-b0b7-0e7915d69cbc","preview":"yay so glad!!!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"yay so glad!!!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed244-acd7-7167-b234-6f1d5d17608c","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ed251-6b5d-707f-aa95-43bd34920989"},"repost":null}},"actors":[{"id":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","slug":"parinaz-kassemi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-16T21:36:19.916Z","latestAt":"2026-06-16T21:36:19.916Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:dbac8b5e-6114-489e-84ad-6beea585bff3:/unified/posts/?creator=dbac8b5e-6114-489e-84ad-6beea585bff3&with=reposts":[{"data":[{"id":"019f5d26-ac54-743e-819a-e2342833ba98","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","slug":"parinaz-kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","followed":false,"followsYou":false},"media":[],"resources":[{"id":"69468","resolved":true,"title":"Cerre","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cerre","marks":[{"type":"bold"}]},{"type":"text","text":" is an editorial luxury skincare website template built for beauty brands, independent skincare founders, and wellness companies that want a refined, fashion-house aesthetic without the noise."}]},{"type":"paragraph","content":[{"type":"text","text":"Inspired by high-end European beauty editorials, Cerre pairs a tall contrast serif with generous negative space, dusty cream and steel blue tones, and overlapping circle image frames — giving any skincare brand an immediate sense of craft and intention."}]},{"type":"paragraph","content":[{"type":"text","text":"What's included:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Split hero with full-bleed photography and oversized serif headline"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Brand philosophy editorial section"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Overlapping circle concept/pillars section"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3-column product collection grid"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full-bleed editorial feature banner"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3-step ritual/how-to-use section"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Staggered pull-quote testimonials"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Founder/about two-column section"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Press logo strip"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CTA banner and minimal footer"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Design details:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dusty cream and muted steel blue palette"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hairline rules as the only decorative element"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive — desktop, tablet, mobile"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for independent beauty brands, skincare founders, wellness studios, or agencies building for luxury clients."}]}]},"introduction":"Editorial skincare template","slug":"cerre","author":{"framerUserId":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","slug":"parinaz-kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/019f5d25-fe0a-729e-b045-16b06a2be017.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1080,"height":1350}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/019f5d26-9024-72f4-8c3f-63b8b57a420a.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":880,"height":812}}],"post":null,"createdAt":"2026-07-13T20:24:03.018Z","updatedAt":"2026-07-13T20:24:03.018Z","publishedAt":"2026-07-13T20:24:03.015Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"30","paymentUrl":"https://contra.com/payment-link/rh5p9ZtR-cerre-skin-template","remixUrl":null,"previewUrl":"https://cerre-skin.framer.website/","categories":[{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":224,"name":"Hair & Beauty","slug":"hair-and-beauty"}],"styles":[],"mainCategory":{"id":275,"name":"Beauty","slug":"beauty"},"features":[{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-13T20:24:03.412Z","updatedAt":"2026-07-13T20:24:03.412Z"},{"id":"019f28a6-7f7f-76cb-a775-56be6813775b","title":null,"body":"

New ai website template available now—responsive for desktop, tablet, and mobile.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New ai website template available now—responsive for desktop, tablet, and mobile."}]}]},"author":{"framerUserId":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","slug":"parinaz-kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","followed":false,"followsYou":false},"media":[],"resources":[{"id":"68866","resolved":true,"title":"Monodat Template","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Mosaic AI","marks":[{"type":"bold"}]},{"type":"text","text":" is a precision-built template for AI, data, and developer-tooling companies that want a technical, no-nonsense visual identity — pure monochrome, dot-matrix display type, and generative dot-pattern artwork instead of stock photography."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for companies whose product "},{"type":"text","text":"is","marks":[{"type":"italic"}]},{"type":"text","text":" the engineering, Mosaic strips away color and decoration to let typography, structure, and data do the talking."}]},{"type":"paragraph","content":[{"type":"text","text":"What's included:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full-page hero with node-diagram graphic and dual CTAs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Trust bar with client wordmarks and stat highlights"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product spotlight section with generative dot-art illustration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"6-card capabilities grid"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3-step \"How It Works\" process section"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Case studies grid with hover-reveal outcomes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Staggered testimonial layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full-width inverted CTA banner"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Minimal footer"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Design details:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pure black/white/gray palette — zero color accents"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dot-matrix/LED display font for headlines and stats"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean grotesk body type"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dot-pattern and ASCII-style generative textures, no external images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Subtle scroll-reveal animations throughout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive — desktop, tablet, mobile"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Ideal for AI platforms, data analytics tools, dev tooling, infrastructure products, or any technical brand that wants to feel engineered rather than decorated."}]}]},"introduction":"Monochrome site for AI/data brands","slug":"monodat-template","author":{"framerUserId":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","slug":"parinaz-kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/KjsLKWs3KwZIAmrhjrfIzo1YoRWmBHORVWeCAxJIN9g.m3u8","metadata":{"posterUrl":"https://image.mux.com/KjsLKWs3KwZIAmrhjrfIzo1YoRWmBHORVWeCAxJIN9g/thumbnail.webp?time=11.233","aspectRatio":"4:5","duration":14.933333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/qlqbxprz","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1340,"height":1262}}],"post":null,"createdAt":"2026-07-03T15:43:48.009Z","updatedAt":"2026-07-03T15:43:48.009Z","publishedAt":"2026-07-03T15:43:48.005Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"30","paymentUrl":"https://contra.com/payment-link/iCYIcx4l-mosaic-ai-framer-template","remixUrl":null,"previewUrl":"https://mosaic-ai.framer.website/","categories":[{"id":26,"name":"AI","slug":"ai"},{"id":14,"name":"Landing Page","slug":"landing-page"}],"styles":[{"id":239,"name":"Monochromatic","slug":"monochromatic"}],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"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-07-03T15:43:48.095Z","updatedAt":"2026-07-03T15:43:48.095Z"},{"id":"019f19f6-57fa-767f-bdfc-2579604382f0","title":null,"body":"

I have a new website template available—check out my profile for more. Living for these Framer agents!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I have a new website template available—check out my profile for more. Living for these Framer agents! "}]},{"type":"paragraph"}]},"author":{"framerUserId":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","slug":"parinaz-kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://www.instagram.com/reel/DaOKtt_xbeW/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==","metadata":{"title":"parinaz on Instagram: \"new @framer website template available now in the marketplace. Living for the ai agents !!!\n\n#productdesign #webdesign #framer #figma\"","description":"0 likes, 0 comments - parinaz.kassemi on June 30, 2026: \"new @framer website template available now in the marketplace. Living for the ai agents !!!\n\n#productdesign #webdesign #framer #figma\". ","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/7235b50f76c9edd6/image.jpg","siteName":"Instagram","faviconUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/7235b50f76c9edd6/favicon.ico"}}],"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-30T19:16:42.623Z","updatedAt":"2026-06-30T19:16:42.623Z"},{"id":"019f19ca-c4e4-7083-87df-2dd85e82dfca","title":null,"body":"

New ai website template available now—responsive for desktop, tablet, and mobile.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New ai website template available now—responsive for desktop, tablet, and mobile."}]}]},"author":{"framerUserId":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","slug":"parinaz-kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","followed":false,"followsYou":false},"media":[],"resources":[{"id":"68639","resolved":true,"title":"Monodata Template","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Mosaic AI","marks":[{"type":"bold"}]},{"type":"text","text":" is a precision-built template for AI, data, and developer-tooling companies that want a technical, no-nonsense visual identity — pure monochrome, dot-matrix display type, and generative dot-pattern artwork instead of stock photography."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for companies whose product "},{"type":"text","text":"is","marks":[{"type":"italic"}]},{"type":"text","text":" the engineering, Mosaic strips away color and decoration to let typography, structure, and data do the talking."}]},{"type":"paragraph","content":[{"type":"text","text":"What's included:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full-page hero with node-diagram graphic and dual CTAs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Trust bar with client wordmarks and stat highlights"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product spotlight section with generative dot-art illustration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"6-card capabilities grid"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3-step \"How It Works\" process section"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Case studies grid with hover-reveal outcomes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Staggered testimonial layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full-width inverted CTA banner"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Minimal footer"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Design details:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pure black/white/gray palette — zero color accents"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dot-matrix/LED display font for headlines and stats"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean grotesk body type"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dot-pattern and ASCII-style generative textures, no external images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Subtle scroll-reveal animations throughout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive — desktop, tablet, mobile"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Ideal for AI platforms, data analytics tools, dev tooling, infrastructure products, or any technical brand that wants to feel engineered rather than decorated."}]}]},"introduction":"Monochrome site for AI/data brands","slug":"monodata-template","author":{"framerUserId":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","slug":"parinaz-kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/8pv1x4nk","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1372,"height":1164}}],"post":null,"createdAt":"2026-06-30T18:29:06.870Z","updatedAt":"2026-07-03T15:43:42.773Z","publishedAt":"2026-06-30T18:29:06.867Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"30","paymentUrl":"https://contra.com/payment-link/iCYIcx4l-mosaic-ai-framer-template","remixUrl":null,"previewUrl":"https://mosaic-ai.framer.website/","categories":[{"id":26,"name":"AI","slug":"ai"},{"id":14,"name":"Landing Page","slug":"landing-page"}],"styles":[{"id":239,"name":"Monochromatic","slug":"monochromatic"}],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-30T18:29:06.916Z","updatedAt":"2026-07-03T15:43:42.794Z"},{"id":"019f0598-fdd1-7369-b281-cdb13ce767f1","title":null,"body":"

Built a new website template for a health care brand available now in the marketplace

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Built a new website template for a health care brand available now in the marketplace"}]},{"type":"paragraph"}]},"author":{"framerUserId":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","slug":"parinaz-kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/ttxre9ep","metadata":{"tint":{"h":0,"s":53,"l":66},"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":11,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-26T20:22:20.373Z","updatedAt":"2026-06-26T20:22:20.373Z"},{"id":"019efa71-5140-71cb-8a7b-3083f6deb5a7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","slug":"parinaz-kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","followed":false,"followsYou":false},"media":[],"resources":[{"id":"0JihgjLVXl7gBjni3Z9Z","resolved":true,"title":"Particle Synthesizer","body":"

A generative audio-visual instrument. Draw on the canvas to play notes — each stroke spawns a burst of particles and triggers a tone mapped to a pentatonic scale. The higher you draw, the higher the pitch.

Controls

Decay — how long each note rings out
Reverb — wet/dry mix of the delay echo
Size — number of particles per stroke
Spread — how fast particles scatter
Wave — choose between sine, triangle, sawtooth, and square oscillators

Details

Pentatonic scale mapping across the Y axis
Web Audio API — no dependencies
Ambient particle field when idle
Live note display and LED trigger indicators
Fully responsive — works on mobile and desktop

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A generative audio-visual instrument. Draw on the canvas to play notes — each stroke spawns a burst of particles and triggers a tone mapped to a pentatonic scale. The higher you draw, the higher the pitch."}]},{"type":"paragraph","content":[{"type":"text","text":"Controls","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Decay","marks":[{"type":"bold"}]},{"type":"text","text":" — how long each note rings out"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reverb","marks":[{"type":"bold"}]},{"type":"text","text":" — wet/dry mix of the delay echo"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Size","marks":[{"type":"bold"}]},{"type":"text","text":" — number of particles per stroke"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spread","marks":[{"type":"bold"}]},{"type":"text","text":" — how fast particles scatter"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wave","marks":[{"type":"bold"}]},{"type":"text","text":" — choose between sine, triangle, sawtooth, and square oscillators"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Details","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pentatonic scale mapping across the Y axis"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Web Audio API — no dependencies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ambient particle field when idle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live note display and LED trigger indicators"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive — works on mobile and desktop"}]}]}]}]},"introduction":"Draw sound. Watch it disappear.","slug":"particle-synthesizer","author":{"framerUserId":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","slug":"parinaz-kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/yknib045","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2133}}],"post":null,"createdAt":"2026-06-24T16:23:10.882Z","updatedAt":"2026-06-24T16:23:10.882Z","publishedAt":"2026-06-24T16:23:10.876Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Particle-synthesizer-EO4yuU.js@jHW08jZDTQLgqYu9ZhkS","previewUrl":"https://music-machine.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"jHW08jZDTQLgqYu9ZhkS","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":18,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-24T16:23:10.912Z","updatedAt":"2026-06-24T16:23:10.912Z"},{"id":"019ef628-c907-7120-aaf8-ea6f52472279","title":null,"body":"

Particle synth available now

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Particle synth available now"}]}]},"author":{"framerUserId":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","slug":"parinaz-kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","followed":false,"followsYou":false},"media":[],"resources":[{"id":"cPHMvzwmA3baVVT43aLl","resolved":true,"title":"Particle Synth","body":"

Controls

Decay — how long each note rings out
Reverb — wet/dry mix of the delay echo
Size — number of particles per stroke
Spread — how fast particles scatter
Wave — choose between sine, triangle, sawtooth, and square oscillators

Details

Pentatonic scale mapping across the Y axis
Web Audio API — no dependencies
Ambient particle field when idle
Live note display and LED trigger indicators
Fully responsive — works on mobile and desktop

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A generative audio-visual instrument. Draw on the canvas to play notes — each stroke spawns a burst of particles and triggers a tone mapped to a pentatonic scale. The higher you draw, the higher the pitch."}]},{"type":"paragraph","content":[{"type":"text","text":"Controls","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Decay","marks":[{"type":"bold"}]},{"type":"text","text":" — how long each note rings out"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reverb","marks":[{"type":"bold"}]},{"type":"text","text":" — wet/dry mix of the delay echo"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Size","marks":[{"type":"bold"}]},{"type":"text","text":" — number of particles per stroke"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spread","marks":[{"type":"bold"}]},{"type":"text","text":" — how fast particles scatter"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wave","marks":[{"type":"bold"}]},{"type":"text","text":" — choose between sine, triangle, sawtooth, and square oscillators"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Details","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pentatonic scale mapping across the Y axis"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Web Audio API — no dependencies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ambient particle field when idle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live note display and LED trigger indicators"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive — works on mobile and desktop"}]}]}]}]},"introduction":"Draw sound. Watch it disappear.","slug":"particle-synth","author":{"framerUserId":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","slug":"parinaz-kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/rx189dfe","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2133}}],"post":null,"createdAt":"2026-06-23T20:25:28.535Z","updatedAt":"2026-06-23T20:25:28.535Z","publishedAt":"2026-06-23T20:25:28.529Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Particle-synth-QHBa9A.js@55GGFG5079hpKNdhldpS","previewUrl":"https://music-machine.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"55GGFG5079hpKNdhldpS","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":16,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-23T20:25:28.583Z","updatedAt":"2026-06-23T20:25:28.583Z"},{"id":"019ef5f2-1c34-71b8-8023-cf1a1a16a7ff","title":null,"body":"

How I created this music machine:

https://music-machine.framer.website/

Full component is now available in the Framer Marketplace

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"How I created this music machine:"}]},{"type":"paragraph","content":[{"type":"text","text":"https://music-machine.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://music-machine.framer.website/","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Full component is now available in the Framer Marketplace"}]},{"type":"paragraph"}]},"author":{"framerUserId":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","slug":"parinaz-kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://www.instagram.com/reel/DZqWsHlx__k/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==","metadata":{"title":"parinaz on Instagram: \"excited about all of the new @framer features announced today, and had a blast participating in the #hackathon ! Here’s how I built the framer component I shared for my hackathon project. \n\nCheck out my portfolio on my bio for the full experience—and don’t forget to take a look at all the other hackathon contestants! \n\n#hackathon #creativecoding\"","description":"5 likes, 0 comments - parinaz.kassemi on June 16, 2026: \"excited about all of the new @framer features announced today, and had a blast participating in the #hackathon ! Here’s how I built the framer component I shared for my hackathon project. \n\nCheck out my portfolio on my bio for the full experience—and don’t forget to take a look at all the other hackathon contestants! \n\n#hackathon #creativecoding\". ","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/395dbfa965bcbab8/image.jpg","siteName":"Instagram","faviconUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/395dbfa965bcbab8/favicon.ico"}}],"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":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":4,"edited":true,"editedAt":"2026-06-23T19:28:03.108Z","createdAt":"2026-06-23T19:25:45.400Z","updatedAt":"2026-06-23T19:28:03.108Z"},{"id":"019ed244-acd7-7167-b234-6f1d5d17608c","title":null,"body":"

I've been exploring visuals combined with sound for awhile and brought it together in this project. This music machine is pulled from some code I put together for my portfolio a while back and gave it some new life for this hackathon. Enjoy!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I've been exploring visuals combined with sound for awhile and brought it together in this project. This music machine is pulled from some code I put together for my portfolio a while back and gave it some new life for this hackathon. Enjoy!"}]}]},"author":{"framerUserId":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","slug":"parinaz-kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[{"id":"019ed244-acd7-7167-b234-73b7f121e31b","contestId":"agents-hackathon","author":{"framerUserId":"dbac8b5e-6114-489e-84ad-6beea585bff3","name":"Parinaz Kassemi","slug":"parinaz-kassemi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/arphevyv"},"title":"music machine","body":"

I built a particle synth where your cursor controls everything — drag to generate sound and visuals at the same time. I wanted to make something that felt more like playing than using software.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I built a particle synth where your cursor controls everything — drag to generate sound and visuals at the same time. I wanted to make something that felt more like playing than using software."}]}]},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dbac8b5e-6114-489e-84ad-6beea585bff3/ys4iei56","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2133}}],"post":null,"data":{"previewUrl":"https://quiet-forms-588912.framer.app/"},"winner":false,"createdAt":"2026-06-16T21:09:36.659Z","updatedAt":"2026-06-16T21:09:36.659Z"}],"categories":[],"tags":[],"likes":{"count":66,"liked":false},"comments":{"count":10},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T21:09:36.622Z","updatedAt":"2026-06-16T21:09:36.622Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L55"}]