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:T455,Here is a breakdown for our main effect on our newest template - Strand We wanted to create something eye-catching and interactive for our hero section that represented connectivity. Defining a shape and making sense of chaos using nodes and strands. Extra challenge - make it customizable. We prototyped the effect in Blender, as it is blazing fast to iterate with geometry nodes, getting a feel for the procedures for the effect, as well as how to interact with it. The next step was translating the node setup into three.js code. Geometry nodes become geometry buffers, 3D noise and interactivity become the vertex shader, pulses and visuals (blender shader) become the fragment shader. Since our effect is procedural we can plug any shape into it. This was the final challenge - how do we provide good input? We wanted to supply the user with the tools to do so without ever leaving Framer. We created a custom component with one job - connect an SVG (a shape) to it and convert it to points (the input). Added bonus: we offload this process from runtime. Copy the points over to our main effect and done!53:T455,Here is a breakdown for our main effect on our newest template - Strand We wanted to create something eye-catching and interactive for our hero section that represented connectivity. Defining a shape and making sense of chaos using nodes and strands. Extra challenge - make it customizable. We prototyped the effect in Blender, as it is blazing fast to iterate with geometry nodes, getting a feel for the procedures for the effect, as well as how to interact with it. The next step was translating the node setup into three.js code. Geometry nodes become geometry buffers, 3D noise and interactivity become the vertex shader, pulses and visuals (blender shader) become the fragment shader. Since our effect is procedural we can plug any shape into it. This was the final challenge - how do we provide good input? We wanted to supply the user with the tools to do so without ever leaving Framer. We created a custom component with one job - connect an SVG (a shape) to it and convert it to points (the input). Added bonus: we offload this process from runtime. Copy the points over to our main effect and done!54:T455,Here is a breakdown for our main effect on our newest template - Strand We wanted to create something eye-catching and interactive for our hero section that represented connectivity. Defining a shape and making sense of chaos using nodes and strands. Extra challenge - make it customizable. We prototyped the effect in Blender, as it is blazing fast to iterate with geometry nodes, getting a feel for the procedures for the effect, as well as how to interact with it. The next step was translating the node setup into three.js code. Geometry nodes become geometry buffers, 3D noise and interactivity become the vertex shader, pulses and visuals (blender shader) become the fragment shader. Since our effect is procedural we can plug any shape into it. This was the final challenge - how do we provide good input? We wanted to supply the user with the tools to do so without ever leaving Framer. We created a custom component with one job - connect an SVG (a shape) to it and convert it to points (the input). Added bonus: we offload this process from runtime. Copy the points over to our main effect and done!55:T455,Here is a breakdown for our main effect on our newest template - Strand We wanted to create something eye-catching and interactive for our hero section that represented connectivity. Defining a shape and making sense of chaos using nodes and strands. Extra challenge - make it customizable. We prototyped the effect in Blender, as it is blazing fast to iterate with geometry nodes, getting a feel for the procedures for the effect, as well as how to interact with it. The next step was translating the node setup into three.js code. Geometry nodes become geometry buffers, 3D noise and interactivity become the vertex shader, pulses and visuals (blender shader) become the fragment shader. Since our effect is procedural we can plug any shape into it. This was the final challenge - how do we provide good input? We wanted to supply the user with the tools to do so without ever leaving Framer. We created a custom component with one job - connect an SVG (a shape) to it and convert it to points (the input). Added bonus: we offload this process from runtime. Copy the points over to our main effect and done!56:T455,Here is a breakdown for our main effect on our newest template - Strand We wanted to create something eye-catching and interactive for our hero section that represented connectivity. Defining a shape and making sense of chaos using nodes and strands. Extra challenge - make it customizable. We prototyped the effect in Blender, as it is blazing fast to iterate with geometry nodes, getting a feel for the procedures for the effect, as well as how to interact with it. The next step was translating the node setup into three.js code. Geometry nodes become geometry buffers, 3D noise and interactivity become the vertex shader, pulses and visuals (blender shader) become the fragment shader. Since our effect is procedural we can plug any shape into it. This was the final challenge - how do we provide good input? We wanted to supply the user with the tools to do so without ever leaving Framer. We created a custom component with one job - connect an SVG (a shape) to it and convert it to points (the input). Added bonus: we offload this process from runtime. Copy the points over to our main effect and done!57:T455,Here is a breakdown for our main effect on our newest template - Strand We wanted to create something eye-catching and interactive for our hero section that represented connectivity. Defining a shape and making sense of chaos using nodes and strands. Extra challenge - make it customizable. We prototyped the effect in Blender, as it is blazing fast to iterate with geometry nodes, getting a feel for the procedures for the effect, as well as how to interact with it. The next step was translating the node setup into three.js code. Geometry nodes become geometry buffers, 3D noise and interactivity become the vertex shader, pulses and visuals (blender shader) become the fragment shader. Since our effect is procedural we can plug any shape into it. This was the final challenge - how do we provide good input? We wanted to supply the user with the tools to do so without ever leaving Framer. We created a custom component with one job - connect an SVG (a shape) to it and convert it to points (the input). Added bonus: we offload this process from runtime. Copy the points over to our main effect and done!58:T455,Here is a breakdown for our main effect on our newest template - Strand We wanted to create something eye-catching and interactive for our hero section that represented connectivity. Defining a shape and making sense of chaos using nodes and strands. Extra challenge - make it customizable. We prototyped the effect in Blender, as it is blazing fast to iterate with geometry nodes, getting a feel for the procedures for the effect, as well as how to interact with it. The next step was translating the node setup into three.js code. Geometry nodes become geometry buffers, 3D noise and interactivity become the vertex shader, pulses and visuals (blender shader) become the fragment shader. Since our effect is procedural we can plug any shape into it. This was the final challenge - how do we provide good input? We wanted to supply the user with the tools to do so without ever leaving Framer. We created a custom component with one job - connect an SVG (a shape) to it and convert it to points (the input). Added bonus: we offload this process from runtime. Copy the points over to our main effect and done!59:T455,Here is a breakdown for our main effect on our newest template - Strand We wanted to create something eye-catching and interactive for our hero section that represented connectivity. Defining a shape and making sense of chaos using nodes and strands. Extra challenge - make it customizable. We prototyped the effect in Blender, as it is blazing fast to iterate with geometry nodes, getting a feel for the procedures for the effect, as well as how to interact with it. The next step was translating the node setup into three.js code. Geometry nodes become geometry buffers, 3D noise and interactivity become the vertex shader, pulses and visuals (blender shader) become the fragment shader. Since our effect is procedural we can plug any shape into it. This was the final challenge - how do we provide good input? We wanted to supply the user with the tools to do so without ever leaving Framer. We created a custom component with one job - connect an SVG (a shape) to it and convert it to points (the input). Added bonus: we offload this process from runtime. Copy the points over to our main effect and done!5a:T4e8,

Here is a breakdown for our main effect on our newest template - Strand

We wanted to create something eye-catching and interactive for our hero section that represented connectivity. Defining a shape and making sense of chaos using nodes and strands. Extra challenge - make it customizable.

We prototyped the effect in Blender, as it is blazing fast to iterate with geometry nodes, getting a feel for the procedures for the effect, as well as how to interact with it.

The next step was translating the node setup into three.js code. Geometry nodes become geometry buffers, 3D noise and interactivity become the vertex shader, pulses and visuals (blender shader) become the fragment shader.

Since our effect is procedural we can plug any shape into it. This was the final challenge - how do we provide good input? We wanted to supply the user with the tools to do so without ever leaving Framer. We created a custom component with one job - connect an SVG (a shape) to it and convert it to points (the input). Added bonus: we offload this process from runtime.

Copy the points over to our main effect and done!

5b:T675,

Strand is a premium Framer template designed for AI platforms, analytics tools, and data-heavy products that need to walk visitors from raw data to a clear answer.

Customization
Adapt every section to fit your brand
Responsive design
Tested across desktop, tablet, and mobile
CMS-powered pages
Update blog posts, changelog entries, job postings, integrations and more with ease
Guide
Walkthrough of the more complex custom components we built
Custom components library
Every component is reusable and restyleable
WebGL components
Includes customizable WebGL components, easily adaptable to your brand
WebGL Component Demo Video

Includes 16 unique pages:

Homepage
Features pages (3 versions)
Integrations (CMS index)
Integration page (CMS)
Pricing (CMS)
Careers (CMS index)
Career page (CMS)
Changelog (CMS)
About us
Blog (CMS index)
Blog page (CMS)
Contact us
Legal pages (CMS)
404 page

Contact

Have questions regarding the template? Reach out to us at support@kreativnik.eu

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-938b42d5-4518-4924-be18-128f9df69bc3-all:/unified/creator/938b42d5-4518-4924-be18-128f9df69bc3/activity/":[{"data":[{"id":"01a0fc0e-7aab-7224-916c-e1c445aded3e","type":"comment.liked","target":{"type":"comment","id":"01a0f920-cd7b-767e-9eb1-ac64fd0f69aa","preview":"The fine-thread graphic echoes the connection-layer idea really well. The Connect, Map, Ask steps underneath give the abstract visual a clear product story.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The fine-thread graphic echoes the connection-layer idea really well. The Connect, Map, Ask steps underneath give the abstract visual a clear product story."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fd1c4-6e22-71bb-bd61-c1840b9ccdec","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0f920-cd7b-767e-9eb1-ac64fd0f69aa"},"repost":null}},"context":{"type":"post","id":"019fd1c4-6e22-71bb-bd61-c1840b9ccdec","preview":"Strand","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/938b42d5-4518-4924-be18-128f9df69bc3/01a02955-b301-71d9-ab9b-d103dcca25d6.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fd1c4-6e22-71bb-bd61-c1840b9ccdec","like":{"count":169,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-02T10:00:02.466Z","latestAt":"2026-10-02T10:00:02.466Z"},{"id":"01a0a004-36a5-70e9-8929-604ecec122e9","type":"comment.reply","target":{"type":"post","id":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","preview":"$52","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here is a breakdown for our main effect on our newest template - "},{"type":"text","text":"Strand","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/tFzLAFX","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"We wanted to create something eye-catching and interactive for our hero section that represented connectivity. Defining a shape and making sense of chaos using nodes and strands. Extra challenge - make it customizable."}]},{"type":"paragraph","content":[{"type":"text","text":"We prototyped the effect in Blender, as it is blazing fast to iterate with geometry nodes, getting a feel for the procedures for the effect, as well as how to interact with it."}]},{"type":"paragraph","content":[{"type":"text","text":"The next step was translating the node setup into three.js code. Geometry nodes become geometry buffers, 3D noise and interactivity become the vertex shader, pulses and visuals (blender shader) become the fragment shader."}]},{"type":"paragraph","content":[{"type":"text","text":"Since our effect is procedural we can plug any shape into it. This was the final challenge - how do we provide good "},{"type":"text","text":"input","marks":[{"type":"bold"}]},{"type":"text","text":"? We wanted to supply the user with the tools to do so without ever leaving Framer. We created a custom component with one job - connect an SVG (a shape) to it and convert it to points (the input). Added bonus: we offload this process from runtime."}]},{"type":"paragraph","content":[{"type":"text","text":"Copy the points over to our main effect and done!"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/938b42d5-4518-4924-be18-128f9df69bc3/019fe8c1-8f99-733c-bec4-067ee99fccd5.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0a004-368d-75ae-8169-05812c362abc","preview":"We are glad you like the breakdown, thank you for recognizing our efforts","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We are glad you like the breakdown, thank you for recognizing our efforts"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a09d70-6561-71b5-800d-c50244288533"},"repost":null}},"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T13:03:45.829Z","latestAt":"2026-09-14T13:03:45.829Z"},{"id":"01a0a003-530c-71bf-8b51-c6180eac424e","type":"comment.reply","target":{"type":"post","id":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","preview":"$53","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here is a breakdown for our main effect on our newest template - "},{"type":"text","text":"Strand","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/tFzLAFX","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"We wanted to create something eye-catching and interactive for our hero section that represented connectivity. Defining a shape and making sense of chaos using nodes and strands. Extra challenge - make it customizable."}]},{"type":"paragraph","content":[{"type":"text","text":"We prototyped the effect in Blender, as it is blazing fast to iterate with geometry nodes, getting a feel for the procedures for the effect, as well as how to interact with it."}]},{"type":"paragraph","content":[{"type":"text","text":"The next step was translating the node setup into three.js code. Geometry nodes become geometry buffers, 3D noise and interactivity become the vertex shader, pulses and visuals (blender shader) become the fragment shader."}]},{"type":"paragraph","content":[{"type":"text","text":"Since our effect is procedural we can plug any shape into it. This was the final challenge - how do we provide good "},{"type":"text","text":"input","marks":[{"type":"bold"}]},{"type":"text","text":"? We wanted to supply the user with the tools to do so without ever leaving Framer. We created a custom component with one job - connect an SVG (a shape) to it and convert it to points (the input). Added bonus: we offload this process from runtime."}]},{"type":"paragraph","content":[{"type":"text","text":"Copy the points over to our main effect and done!"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/938b42d5-4518-4924-be18-128f9df69bc3/019fe8c1-8f99-733c-bec4-067ee99fccd5.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0a003-52f2-770f-86f7-207f3ca976d8","preview":"We are glad you like it","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We are glad you like it"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a08e10-6df2-75e9-9e15-3c8c2d882c8c"},"repost":null}},"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T13:02:47.564Z","latestAt":"2026-09-14T13:02:47.564Z"},{"id":"01a09f1a-0bea-762d-ad97-3b9da47e8237","type":"comment.liked","target":{"type":"comment","id":"01a09d70-ce81-7489-8435-3d10ba8eafa1","preview":"yes. investing on what you do will always be worth it, if you love what you do, that is.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"yes. investing on what you do will always be worth it, if you love what you do, that is."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a00f29-bf54-768a-a628-5c0054518874"},"repost":null}},"context":{"type":"post","id":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","preview":"$54","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here is a breakdown for our main effect on our newest template - "},{"type":"text","text":"Strand","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/tFzLAFX","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"We wanted to create something eye-catching and interactive for our hero section that represented connectivity. Defining a shape and making sense of chaos using nodes and strands. Extra challenge - make it customizable."}]},{"type":"paragraph","content":[{"type":"text","text":"We prototyped the effect in Blender, as it is blazing fast to iterate with geometry nodes, getting a feel for the procedures for the effect, as well as how to interact with it."}]},{"type":"paragraph","content":[{"type":"text","text":"The next step was translating the node setup into three.js code. Geometry nodes become geometry buffers, 3D noise and interactivity become the vertex shader, pulses and visuals (blender shader) become the fragment shader."}]},{"type":"paragraph","content":[{"type":"text","text":"Since our effect is procedural we can plug any shape into it. This was the final challenge - how do we provide good "},{"type":"text","text":"input","marks":[{"type":"bold"}]},{"type":"text","text":"? We wanted to supply the user with the tools to do so without ever leaving Framer. We created a custom component with one job - connect an SVG (a shape) to it and convert it to points (the input). Added bonus: we offload this process from runtime."}]},{"type":"paragraph","content":[{"type":"text","text":"Copy the points over to our main effect and done!"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/938b42d5-4518-4924-be18-128f9df69bc3/019fe8c1-8f99-733c-bec4-067ee99fccd5.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T08:47:59.462Z","latestAt":"2026-09-14T08:47:59.462Z"},{"id":"01a09eb8-ceb1-77be-8d9a-c8bfb807858f","type":"comment.liked","target":{"type":"comment","id":"01a09d70-6561-71b5-800d-c50244288533","preview":"so fucking refreshing to see someone put sooo much effort and precision and intention on their craft at these times. amazing job, thank you for sharing!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"so fucking refreshing to see someone put sooo much effort and precision and intention on their craft at these times. amazing job, thank you for sharing!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a09d70-6561-71b5-800d-c50244288533"},"repost":null}},"context":{"type":"post","id":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","preview":"$55","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here is a breakdown for our main effect on our newest template - "},{"type":"text","text":"Strand","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/tFzLAFX","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"We wanted to create something eye-catching and interactive for our hero section that represented connectivity. Defining a shape and making sense of chaos using nodes and strands. Extra challenge - make it customizable."}]},{"type":"paragraph","content":[{"type":"text","text":"We prototyped the effect in Blender, as it is blazing fast to iterate with geometry nodes, getting a feel for the procedures for the effect, as well as how to interact with it."}]},{"type":"paragraph","content":[{"type":"text","text":"The next step was translating the node setup into three.js code. Geometry nodes become geometry buffers, 3D noise and interactivity become the vertex shader, pulses and visuals (blender shader) become the fragment shader."}]},{"type":"paragraph","content":[{"type":"text","text":"Since our effect is procedural we can plug any shape into it. This was the final challenge - how do we provide good "},{"type":"text","text":"input","marks":[{"type":"bold"}]},{"type":"text","text":"? We wanted to supply the user with the tools to do so without ever leaving Framer. We created a custom component with one job - connect an SVG (a shape) to it and convert it to points (the input). Added bonus: we offload this process from runtime."}]},{"type":"paragraph","content":[{"type":"text","text":"Copy the points over to our main effect and done!"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/938b42d5-4518-4924-be18-128f9df69bc3/019fe8c1-8f99-733c-bec4-067ee99fccd5.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T07:01:46.798Z","latestAt":"2026-09-14T07:01:46.798Z"},{"id":"01a09329-a7b8-74cd-975c-010c8893f167","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"PixlForm®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T01:09:35.796Z","latestAt":"2026-09-12T01:09:35.796Z"},{"id":"01a09328-a1cb-739f-a2d4-55be86187c09","type":"comment.liked","target":{"type":"comment","id":"01a08e10-6df2-75e9-9e15-3c8c2d882c8c","preview":"The breakdown makes the visual system feel very intentional.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The breakdown makes the visual system feel very intentional."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a08e10-6df2-75e9-9e15-3c8c2d882c8c"},"repost":null}},"context":{"type":"post","id":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","preview":"$56","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here is a breakdown for our main effect on our newest template - "},{"type":"text","text":"Strand","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/tFzLAFX","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"We wanted to create something eye-catching and interactive for our hero section that represented connectivity. Defining a shape and making sense of chaos using nodes and strands. Extra challenge - make it customizable."}]},{"type":"paragraph","content":[{"type":"text","text":"We prototyped the effect in Blender, as it is blazing fast to iterate with geometry nodes, getting a feel for the procedures for the effect, as well as how to interact with it."}]},{"type":"paragraph","content":[{"type":"text","text":"The next step was translating the node setup into three.js code. Geometry nodes become geometry buffers, 3D noise and interactivity become the vertex shader, pulses and visuals (blender shader) become the fragment shader."}]},{"type":"paragraph","content":[{"type":"text","text":"Since our effect is procedural we can plug any shape into it. This was the final challenge - how do we provide good "},{"type":"text","text":"input","marks":[{"type":"bold"}]},{"type":"text","text":"? We wanted to supply the user with the tools to do so without ever leaving Framer. We created a custom component with one job - connect an SVG (a shape) to it and convert it to points (the input). Added bonus: we offload this process from runtime."}]},{"type":"paragraph","content":[{"type":"text","text":"Copy the points over to our main effect and done!"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/938b42d5-4518-4924-be18-128f9df69bc3/019fe8c1-8f99-733c-bec4-067ee99fccd5.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T01:08:28.743Z","latestAt":"2026-09-12T01:08:28.743Z"},{"id":"01a07b2b-f8d7-734a-8920-ffc7f6cc95f3","type":"creator.followed","target":{"type":"creator","id":"7e4b2376-92d9-49df-8580-e3293af08a29","preview":"Michelle de Haas | Zo-e","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7e4b2376-92d9-49df-8580-e3293af08a29/cl04sjas","slug":"zo-e","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-07T09:21:14.396Z","latestAt":"2026-09-07T09:21:14.396Z"},{"id":"01a0481b-e2f7-701b-90f8-fffa84728683","type":"comment.reply","target":{"type":"post","id":"019fd1c4-6e22-71bb-bd61-c1840b9ccdec","preview":"Strand","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/938b42d5-4518-4924-be18-128f9df69bc3/01a02955-b301-71d9-ab9b-d103dcca25d6.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fd1c4-6e22-71bb-bd61-c1840b9ccdec","like":{"count":169,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0481b-e2dd-7208-a90c-353d36bd3bfc","preview":"Thank you!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fd1c4-6e22-71bb-bd61-c1840b9ccdec","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a04465-d094-76e5-abe3-bf3a94906e6a"},"repost":null}},"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-28T11:23:02.263Z","latestAt":"2026-08-28T11:23:02.263Z"},{"id":"01a0481b-b142-744c-a2ed-fc0a74aceaef","type":"comment.liked","target":{"type":"comment","id":"01a04465-d094-76e5-abe3-bf3a94906e6a","preview":"amazing work","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"amazing work "}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fd1c4-6e22-71bb-bd61-c1840b9ccdec","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a04465-d094-76e5-abe3-bf3a94906e6a"},"repost":null}},"context":{"type":"post","id":"019fd1c4-6e22-71bb-bd61-c1840b9ccdec","preview":"Strand","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/938b42d5-4518-4924-be18-128f9df69bc3/01a02955-b301-71d9-ab9b-d103dcca25d6.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fd1c4-6e22-71bb-bd61-c1840b9ccdec","like":{"count":169,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-28T11:22:49.532Z","latestAt":"2026-08-28T11:22:49.532Z"},{"id":"01a02009-418a-75f9-9eb2-992e71588a72","type":"creator.followed","target":{"type":"creator","id":"598c5730-da02-485a-b825-966e97469e07","preview":"Sandra Párraga","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1086498/avatar-CwopHLSagZiMjeHJfceJi2N2pBd6IQ.jpg","slug":"sandra-parraga","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T16:37:52.635Z","latestAt":"2026-08-20T16:37:52.635Z"},{"id":"01a02009-2762-733c-8d3f-ee51ef35b286","type":"template.liked","target":{"type":"template","id":"59748","preview":"HK Toys","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/59748/hk-toys-AKJL43AgMiu9540z1CoUisKsnLVx5c","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-20T16:37:45.948Z","latestAt":"2026-08-20T16:37:45.948Z"},{"id":"01a01f21-8e00-7638-9cb6-e5323041f3ce","type":"post.liked","target":{"type":"post","id":"019ffb00-22e3-71eb-986c-c17fe5e2ee89","preview":"The marketplace may be dead.\nBut Framer with Agents is not.\nBeen messing with it all week and nothing really feels impossible anymore.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The marketplace may be dead."}]},{"type":"paragraph","content":[{"type":"text","text":"But Framer with Agents is not."}]},{"type":"paragraph","content":[{"type":"text","text":"Been messing with it all week and nothing really feels impossible anymore."}]}]},"thumbnail":"https://image.mux.com/P02sgXTSD02700Y97G7Be00i2WTs015XSdJFeuk4zN5V00rgs/thumbnail.webp?time=4.467","targetDeleted":false,"owned":false,"actions":{"postId":"019ffb00-22e3-71eb-986c-c17fe5e2ee89","like":{"count":40,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T12:24:47.867Z","latestAt":"2026-08-20T12:24:47.867Z"},{"id":"01a01abf-02ac-70f6-ac08-a761dfdc8cb2","type":"site.liked","target":{"type":"site","id":"16593","preview":"Portfolio site","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/45c55f9e-cc72-4fee-bd30-059c3f46906c/8x05syg7","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-08-19T15:58:40.803Z","latestAt":"2026-08-19T15:58:40.803Z"},{"id":"01a01abe-f7c1-70c1-8668-d4dc2237699e","type":"template.liked","target":{"type":"template","id":"70646","preview":"Foreal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/45c55f9e-cc72-4fee-bd30-059c3f46906c/019fc8c5-b29a-778b-8646-418e41bf076e.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-19T15:58:38.012Z","latestAt":"2026-08-19T15:58:38.012Z"},{"id":"01a01abe-d810-7498-a548-55b5964ad13c","type":"creator.followed","target":{"type":"creator","id":"45c55f9e-cc72-4fee-bd30-059c3f46906c","preview":"Stacy More","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/795390/avatar-zCT1zzbyFssQ9c3PCPzsHSYbf8uD21.jpg","slug":"stacymore","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-19T15:58:29.894Z","latestAt":"2026-08-19T15:58:29.894Z"},{"id":"01a01295-b54c-7390-a3fc-9b2c2d2b0a94","type":"creator.followed","target":{"type":"creator","id":"284a6788-32de-4c5c-ae1e-dbce520404ec","preview":"Slide Creative Co.","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1159017/avatar-wF7IXC1waagUGGGYTTdtr1g4BQB2lQ.jpg","slug":"shawnee-wright","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-18T01:56:36.293Z","latestAt":"2026-08-18T01:56:36.293Z"},{"id":"01a011af-58a1-779a-a063-7713cede772d","type":"comment.reply","target":{"type":"post","id":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","preview":"$57","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here is a breakdown for our main effect on our newest template - "},{"type":"text","text":"Strand","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/tFzLAFX","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"We wanted to create something eye-catching and interactive for our hero section that represented connectivity. Defining a shape and making sense of chaos using nodes and strands. Extra challenge - make it customizable."}]},{"type":"paragraph","content":[{"type":"text","text":"We prototyped the effect in Blender, as it is blazing fast to iterate with geometry nodes, getting a feel for the procedures for the effect, as well as how to interact with it."}]},{"type":"paragraph","content":[{"type":"text","text":"The next step was translating the node setup into three.js code. Geometry nodes become geometry buffers, 3D noise and interactivity become the vertex shader, pulses and visuals (blender shader) become the fragment shader."}]},{"type":"paragraph","content":[{"type":"text","text":"Since our effect is procedural we can plug any shape into it. This was the final challenge - how do we provide good "},{"type":"text","text":"input","marks":[{"type":"bold"}]},{"type":"text","text":"? We wanted to supply the user with the tools to do so without ever leaving Framer. We created a custom component with one job - connect an SVG (a shape) to it and convert it to points (the input). Added bonus: we offload this process from runtime."}]},{"type":"paragraph","content":[{"type":"text","text":"Copy the points over to our main effect and done!"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/938b42d5-4518-4924-be18-128f9df69bc3/019fe8c1-8f99-733c-bec4-067ee99fccd5.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a011af-5885-768a-8947-a6f6c4f4cb1d","preview":"@ETHAN CARTER \nUnfortunately we can't really answer any of those questions this early on. Putting effort and polishing your work will pay off in different ways. We believe good work stands on its own, someone will notice. If anything you will have an excellent live portfolio piece that you can show potential clients in the future.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"319fb817-3ad9-4dd6-b034-0f407f52c545","slug":"ethanf16","label":"ETHAN CARTER","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Unfortunately we can't really answer any of those questions this early on. Putting effort and polishing your work will pay off in different ways. We believe good work stands on its own, someone will notice. If anything you will have an excellent live portfolio piece that you can show potential clients in the future."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","like":{"count":2,"liked":false},"reply":{"parentCommentId":"01a00f29-bf54-768a-a628-5c0054518874"},"repost":null}},"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T21:44:59.297Z","latestAt":"2026-08-17T21:44:59.297Z"},{"id":"01a00f3b-57f7-755d-84f3-67a39f7d5ad5","type":"comment.reply","target":{"type":"post","id":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","preview":"$58","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here is a breakdown for our main effect on our newest template - "},{"type":"text","text":"Strand","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/tFzLAFX","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"We wanted to create something eye-catching and interactive for our hero section that represented connectivity. Defining a shape and making sense of chaos using nodes and strands. Extra challenge - make it customizable."}]},{"type":"paragraph","content":[{"type":"text","text":"We prototyped the effect in Blender, as it is blazing fast to iterate with geometry nodes, getting a feel for the procedures for the effect, as well as how to interact with it."}]},{"type":"paragraph","content":[{"type":"text","text":"The next step was translating the node setup into three.js code. Geometry nodes become geometry buffers, 3D noise and interactivity become the vertex shader, pulses and visuals (blender shader) become the fragment shader."}]},{"type":"paragraph","content":[{"type":"text","text":"Since our effect is procedural we can plug any shape into it. This was the final challenge - how do we provide good "},{"type":"text","text":"input","marks":[{"type":"bold"}]},{"type":"text","text":"? We wanted to supply the user with the tools to do so without ever leaving Framer. We created a custom component with one job - connect an SVG (a shape) to it and convert it to points (the input). Added bonus: we offload this process from runtime."}]},{"type":"paragraph","content":[{"type":"text","text":"Copy the points over to our main effect and done!"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/938b42d5-4518-4924-be18-128f9df69bc3/019fe8c1-8f99-733c-bec4-067ee99fccd5.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a00f3b-57e3-723d-8996-8d23a64e8641","preview":"Hey Ethan, we're happy you like our work! It's our first paid template on Framer 3.0 so it was a bit of a gamble for us as well. We believe that it's worth it so far, keep in mind sales don't make up the full picture. Potential clients can see the effort you put in your work, and won't hesitate to reach out for projects.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey Ethan, we're happy you like our work! It's our first paid template on Framer 3.0 so it was a bit of a gamble for us as well. We believe that it's worth it so far, keep in mind sales don't make up the full picture. Potential clients can see the effort you put in your work, and won't hesitate to reach out for projects. "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","like":{"count":3,"liked":false},"reply":{"parentCommentId":"01a00f29-bf54-768a-a628-5c0054518874"},"repost":null}},"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T10:19:02.519Z","latestAt":"2026-08-17T10:19:02.519Z"},{"id":"01a00f34-40e6-7149-88a0-a396086aa27e","type":"comment.liked","target":{"type":"comment","id":"01a00f29-bf54-768a-a628-5c0054518874","preview":"I really like your work , love the effort you put on , congrats . But i have a question, do you think putting that much effort on a template worth it now? I'm scared of spending a month on one template then it doesn't make the sales it should do","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I really like your work , love the effort you put on , congrats . But i have a question, do you think putting that much effort on a template worth it now? I'm scared of spending a month on one template then it doesn't make the sales it should do"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a00f29-bf54-768a-a628-5c0054518874"},"repost":null}},"context":{"type":"post","id":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","preview":"$59","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here is a breakdown for our main effect on our newest template - "},{"type":"text","text":"Strand","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/tFzLAFX","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"We wanted to create something eye-catching and interactive for our hero section that represented connectivity. Defining a shape and making sense of chaos using nodes and strands. Extra challenge - make it customizable."}]},{"type":"paragraph","content":[{"type":"text","text":"We prototyped the effect in Blender, as it is blazing fast to iterate with geometry nodes, getting a feel for the procedures for the effect, as well as how to interact with it."}]},{"type":"paragraph","content":[{"type":"text","text":"The next step was translating the node setup into three.js code. Geometry nodes become geometry buffers, 3D noise and interactivity become the vertex shader, pulses and visuals (blender shader) become the fragment shader."}]},{"type":"paragraph","content":[{"type":"text","text":"Since our effect is procedural we can plug any shape into it. This was the final challenge - how do we provide good "},{"type":"text","text":"input","marks":[{"type":"bold"}]},{"type":"text","text":"? We wanted to supply the user with the tools to do so without ever leaving Framer. We created a custom component with one job - connect an SVG (a shape) to it and convert it to points (the input). Added bonus: we offload this process from runtime."}]},{"type":"paragraph","content":[{"type":"text","text":"Copy the points over to our main effect and done!"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/938b42d5-4518-4924-be18-128f9df69bc3/019fe8c1-8f99-733c-bec4-067ee99fccd5.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","slug":"kreativnik","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-17T10:11:17.858Z","latestAt":"2026-08-17T10:11:17.858Z"}],"pagination":{"next":"MjAyNi0wOC0xN1QxMDoxMToxNy44NThafDAxYTAwZjM0LTQwZTYtNzE0OS04OGEwLWEzOTYwODZhYTI3ZQ","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:938b42d5-4518-4924-be18-128f9df69bc3:/unified/posts/?creator=938b42d5-4518-4924-be18-128f9df69bc3&with=reposts":[{"data":[{"id":"019fe8c2-8b22-706b-a7f0-503c738b2cdd","title":null,"body":"$5a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here is a breakdown for our main effect on our newest template - "},{"type":"text","text":"Strand","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/tFzLAFX","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"We wanted to create something eye-catching and interactive for our hero section that represented connectivity. Defining a shape and making sense of chaos using nodes and strands. Extra challenge - make it customizable."}]},{"type":"paragraph","content":[{"type":"text","text":"We prototyped the effect in Blender, as it is blazing fast to iterate with geometry nodes, getting a feel for the procedures for the effect, as well as how to interact with it."}]},{"type":"paragraph","content":[{"type":"text","text":"The next step was translating the node setup into three.js code. Geometry nodes become geometry buffers, 3D noise and interactivity become the vertex shader, pulses and visuals (blender shader) become the fragment shader."}]},{"type":"paragraph","content":[{"type":"text","text":"Since our effect is procedural we can plug any shape into it. This was the final challenge - how do we provide good "},{"type":"text","text":"input","marks":[{"type":"bold"}]},{"type":"text","text":"? We wanted to supply the user with the tools to do so without ever leaving Framer. We created a custom component with one job - connect an SVG (a shape) to it and convert it to points (the input). Added bonus: we offload this process from runtime."}]},{"type":"paragraph","content":[{"type":"text","text":"Copy the points over to our main effect and done!"}]}]},"author":{"framerUserId":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","slug":"kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/NlljQJUnOJQKQRdCfg16Ym6NPbYuNz01bRfiYeC013uQM.m3u8","metadata":{"posterUrl":"https://image.mux.com/NlljQJUnOJQKQRdCfg16Ym6NPbYuNz01bRfiYeC013uQM/thumbnail.webp?time=5.5","aspectRatio":"16:9","duration":37.95}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/938b42d5-4518-4924-be18-128f9df69bc3/019fe8c1-8f99-733c-bec4-067ee99fccd5.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":2560,"height":1361}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/938b42d5-4518-4924-be18-128f9df69bc3/019fe8c1-e22e-700a-b25f-fc1e724af8a7.png","metadata":{"tint":{"h":0,"s":50,"l":6},"width":1615,"height":1189}}],"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":14},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-09T23:01:31.559Z","updatedAt":"2026-08-09T23:01:31.559Z"},{"id":"019fde3d-0a9e-718b-bad2-7f27dc5e5f9f","title":null,"body":"

We are really happy that our newest template Strand got Featured in less than 48 hours!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We are really happy that our newest template "},{"type":"text","text":"Strand","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/tFzLAFX","target":"_blank"}}]},{"type":"text","text":" got Featured in less than 48 hours!"}]}]},"author":{"framerUserId":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","slug":"kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/938b42d5-4518-4924-be18-128f9df69bc3/019fde3c-5cfa-70a2-8597-f4146a8cf54d.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1200,"height":223}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-07T21:59:30.212Z","updatedAt":"2026-08-07T21:59:30.212Z"},{"id":"019fd1c4-6e22-71bb-bd61-c1840b9ccdec","title":null,"body":"

Introducing Strand.

Designed for AI tools, analytics products, and data-heavy platforms. Custom WebGL components included.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Introducing Strand."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for AI tools, analytics products, and data-heavy platforms. Custom WebGL components included. "}]}]},"author":{"framerUserId":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","slug":"kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"70750","resolved":true,"title":"Strand","body":"$5b","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Strand is a premium Framer template designed for AI platforms, analytics tools, and data-heavy products that need to walk visitors from raw data to a clear answer."}]},{"type":"paragraph"},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customization","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Adapt every section to fit your brand"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive design","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Tested across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-powered pages","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Update blog posts, changelog entries, job postings, integrations and more with ease"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Guide","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Walkthrough of the more complex custom components we built"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom components library","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Every component is reusable and restyleable"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"WebGL components","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Includes customizable WebGL components, easily adaptable to your brand"}]},{"type":"paragraph","content":[{"type":"text","text":"WebGL Component Demo Video","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://youtu.be/xZPC-HHE0x4","target":"_blank"}}]}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Includes 16 unique pages:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Homepage"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Features pages (3 versions)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Integrations (CMS index)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Integration page (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pricing (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Careers (CMS index)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Career page (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Changelog (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About us"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blog (CMS index)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blog page (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact us"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Legal pages (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404 page"}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Contact","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Have questions regarding the template? Reach out to us at "},{"type":"text","text":"support@kreativnik.eu","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@kreativnik.eu","target":"_blank"}}]}]}]},"introduction":"Premium AI Data SaaS Template","slug":"strand","author":{"framerUserId":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","slug":"kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/4Kjo1zwgKRLy7R74xy00zNIFMcJk7PAtkE88TbhrTjJM.m3u8","metadata":{"posterUrl":"https://image.mux.com/4Kjo1zwgKRLy7R74xy00zNIFMcJk7PAtkE88TbhrTjJM/thumbnail.webp?time=2.033","aspectRatio":"4:3","duration":7}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/938b42d5-4518-4924-be18-128f9df69bc3/01a02955-b301-71d9-ab9b-d103dcca25d6.png","metadata":{"tint":{"h":0,"s":50,"l":6},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/938b42d5-4518-4924-be18-128f9df69bc3/01a02955-b30c-72c8-8638-2d5c67808089.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/938b42d5-4518-4924-be18-128f9df69bc3/01a02955-b2f5-75c8-8fbf-18121eada4ef.png","metadata":{"tint":{"h":0,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-05T11:52:18.776Z","updatedAt":"2026-08-22T11:58:03.075Z","publishedAt":"2026-08-05T11:52:18.773Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"109","paymentUrl":"https://buy.polar.sh/polar_cl_oOf3ONS93OAUW6lOFZ7UZscszE0BpDnNcB8DX1kY1E8","remixUrl":null,"previewUrl":"https://strand.framer.website/","categories":[{"id":26,"name":"AI","slug":"ai"},{"id":22,"name":"Startup","slug":"startup"},{"id":2,"name":"SaaS","slug":"saas"},{"id":112,"name":"Technology","slug":"technology"},{"id":210,"name":"Digital Products","slug":"digital-products"}],"styles":[{"id":110,"name":"Animated","slug":"animated"},{"id":6,"name":"3D","slug":"3d"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":36,"name":"3D Transforms","slug":"3d-transforms"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":41,"name":"Vector Sets","slug":"vector-sets"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":169,"liked":false},"comments":{"count":29},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-05T11:52:19.234Z","updatedAt":"2026-08-05T11:52:19.234Z"},{"id":"019a784b-1aa4-7c52-b43f-32ab73f1a29c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","slug":"kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"55446","resolved":true,"title":"Accretion","body":"

Introducing Accretion

Accretion template is designed for SaaS products and startups that need a polished online presence. Its modern design and seamless flow make it the perfect choice for building landing pages that capture attention. With thoughtful layouts and engaging visuals, Accretion helps you showcase your product in a clear and compelling way.

","bodyJson":null,"introduction":"Modern SaaS Template","slug":"accretion","author":{"framerUserId":"938b42d5-4518-4924-be18-128f9df69bc3","name":"Kreativnik","slug":"kreativnik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1211512/avatar-VO9m4gaeQiBP7V250qzpIfsWFUMlyE.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/55446/accretion-DtVKoHA9JdVpPHQjHb30fElYs0An9y","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/55446/accretion-7A7BCuqfNaEfARdoJZV7IIfaeKE0Pq","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/55446/accretion-35o3bIdC85TDkxvOobyDsiRVV7mCqf","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/55446/accretion-YVmqH9WBJjfWHPOvezcKBxAC47Lsme","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-03T14:35:06.612Z","updatedAt":"2026-05-18T06:06:41.361Z","publishedAt":"2025-11-12T13:39:39.300Z","featuredAt":null,"approvedAt":"2026-06-01T14:46:12.987Z","type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/i2TGwUU","remixUrl":"https://framer.link/i2TGwUU","previewUrl":"https://accretion.framer.ai/","categories":[{"id":22,"name":"Startup","slug":"startup"},{"id":2,"name":"SaaS","slug":"saas"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":220,"name":"Gradient","slug":"gradient"},{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"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":"2025-11-12T13:39:39.300Z","updatedAt":"2025-11-12T13:39:39.300Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5c"}]