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

About Sine Wave Animation

Sine Wave Animation draws up to five flowing wave lines with a soft light pulse traveling along each one. Drop it behind a hero or landing page section for calm, premium motion with no video, Lottie, or image files. It is one lightweight SVG component, and every style is controlled from the properties panel.

Key Features

- Up to 5 waves, each with its own color, speed, peaks, amplitude, and height

- Wave settings grouped into collapsible sections, so the panel stays tidy

- Designed default pattern, with a custom mode and one-click reset

- Glow size, glow edge color, line color, opacity, and width controls

- Glow Quality: High, or Light for a faster option on mobile

- Fill or Fit modes to control cropping at any size

- Accepts Framer color tokens

Benefits

- Adds depth to hero sections without heavy video files

- Seamless 60 second loop that does not feel repetitive

- Pauses when offscreen to save resources

- Shows a still frame when reduced motion is turned on

- Resolution independent, so lines and glows stay sharp on any display

- Works on dark and light backgrounds

53:T583,

Excited to share the recent launch of Listen Out Loud Media website, now live at listenoutloud.org.

This was a meaningful build. Listen Out Loud is a registered 501(c)(3) nonprofit that funds documentary films, classroom speakers, and media experiences for schools that can't afford them. The whole mission is around access, making sure every student gets to hear a story that sounds like theirs.

The donate section background animation started in Figma. I used Figma's motion tools to prototype the sine wave look and feel, iterating on the wave shapes, layering, and glow nodes until it felt right. Once the visual direction was locked, I used that Figma frame as the reference to rebuild it as a custom Framer code component with Claude.

The final component renders animated sine waves in SVG using cubic bezier paths and runs per-wave node passes on a random start and stop 60-second loop. This creates a unique path for the nodes so they are never the same as the previous loop. Fully prop-controlled with Framer's property controls API, wave count, amplitude, color, speed, and glow intensity all editable directly in the canvas.

→ listenoutloud.org

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-eb74d195-6148-4393-842d-a4878aa4a95a-all:/unified/creator/eb74d195-6148-4393-842d-a4878aa4a95a/activity/":[{"data":[{"id":"01a0ff19-f730-71c9-8195-afffbe55f9bf","type":"component.created","target":{"type":"component","id":"fQsLQtMgai708rVRDl1X","preview":"Sine Wave Animation","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/01a10def-67a5-758a-b2f5-377b991a58d1.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-03T00:11:26.896Z","latestAt":"2026-10-03T00:11:26.896Z"},{"id":"01a0fddb-c221-77bf-a851-1b0b8603fe39","type":"creator.followed","target":{"type":"creator","id":"1433eadd-b529-4248-859e-71ea1efed3f2","preview":"Ludovic Losco","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28884/avatar-yOit52gfE4ZL9qo0KEROAvWqIAfXkC.jpg","slug":"ludovic-losco","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-02T18:23:52.828Z","latestAt":"2026-10-02T18:23:52.828Z"},{"id":"01a0bbc0-b2c4-723b-877b-8a9344cd839d","type":"comment.liked","target":{"type":"comment","id":"01a0b659-3eb4-772f-a294-86b2b3cf386b","preview":"Solid","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Solid"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f9a78-6cf3-70cd-a63a-63f0800f1977","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0b659-3eb4-772f-a294-86b2b3cf386b"},"repost":null}},"context":{"type":"post","id":"019f9a78-6cf3-70cd-a63a-63f0800f1977","preview":"SPARC Solar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/019f9a77-bb05-73ef-9e7f-22a7632fbef4.png","targetDeleted":false,"owned":true,"actions":{"postId":"019f9a78-6cf3-70cd-a63a-63f0800f1977","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T22:19:23.199Z","latestAt":"2026-09-19T22:19:23.199Z"},{"id":"01a0b9f1-b917-74d5-806c-c6163afc3a45","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":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T13:53:41.647Z","latestAt":"2026-09-19T13:53:41.647Z"},{"id":"01a0b9ee-f784-73ba-9f20-1bc99cb85ac9","type":"template.liked","target":{"type":"template","id":"73414","preview":"Daniel.G","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dce8772c-f2ec-49e3-af19-f25e98ab3869/01a0b9d8-905c-757d-8d42-b03c14295725.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-19T13:50:41.023Z","latestAt":"2026-09-19T13:50:41.023Z"},{"id":"01a0b6f9-bdf6-758e-b6ce-59de2ab3abcf","type":"site.created","target":{"type":"site","id":"17620","preview":"Listen Out Loud","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/01a0b775-85b6-778a-a460-7728ad0b17cc.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-09-19T00:03:35.542Z","latestAt":"2026-09-19T00:03:35.542Z"},{"id":"019fb488-34b6-7425-a22e-7ea491a14194","type":"creator.followed","target":{"type":"creator","id":"92c2a437-4e58-4cd2-9a23-5fd81786f849","preview":"Webnity-X","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92c2a437-4e58-4cd2-9a23-5fd81786f849/fs1ughi6","slug":"webnity-x","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T19:37:33.094Z","latestAt":"2026-07-30T19:37:33.094Z"},{"id":"019f9a78-6e9f-702f-bbfd-fe8969fa1901","type":"site.created","target":{"type":"site","id":"16779","preview":"SPARC Solar","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/019f9a77-bb05-73ef-9e7f-22a7632fbef4.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-07-25T18:10:11.743Z","latestAt":"2026-07-25T18:10:11.743Z"},{"id":"019f13a9-c87e-767b-a44b-7736c6f701c8","type":"creator.followed","target":{"type":"creator","id":"77b514e1-865c-4680-8b14-0ea3a356bc34","preview":"Charlota Blunárová","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/77b514e1-865c-4680-8b14-0ea3a356bc34/exr8se9w","slug":"charlota","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-29T13:55:21.849Z","latestAt":"2026-06-29T13:55:21.849Z"},{"id":"019ef203-e059-712d-bc0d-1ea5bc4e024f","type":"creator.followed","target":{"type":"creator","id":"a3a50c10-7d16-410f-8a82-19525b1f5ba2","preview":"Arini Studio LLC","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29247/avatar-e0gYlLBVVN9BbdX6o2q98TKsuGpZCG.jpg","slug":"arinistudio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T01:06:40.852Z","latestAt":"2026-06-23T01:06:40.852Z"},{"id":"019ef201-464c-749e-a4d4-9089835fb1e0","type":"creator.followed","target":{"type":"creator","id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","preview":"Rule & Form","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T01:03:50.343Z","latestAt":"2026-06-23T01:03:50.343Z"},{"id":"019ee71b-ae52-7219-9e94-f4150ddda5b0","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":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T22:16:51.516Z","latestAt":"2026-06-20T22:16:51.516Z"},{"id":"019ee284-b124-760f-a983-e8f2b73edaa3","type":"creator.followed","target":{"type":"creator","id":"4164956a-7177-4789-b8ea-5567983998f4","preview":"Domenico Griffo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4164956a-7177-4789-b8ea-5567983998f4/oft9a3s0","slug":"domegriffo","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T00:53:27.455Z","latestAt":"2026-06-20T00:53:27.455Z"},{"id":"019ee284-aa3f-7009-91b6-59e3785c8175","type":"creator.followed","target":{"type":"creator","id":"cd833017-b18d-4cb4-91d1-b1bba0f9c014","preview":"Dmytro Boiko","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/cd833017-b18d-4cb4-91d1-b1bba0f9c014/3DNdCfFn7","slug":"k0dik","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T00:53:25.690Z","latestAt":"2026-06-20T00:53:25.690Z"},{"id":"019ee284-a721-71ad-b0c5-00b4752b7c9c","type":"creator.followed","target":{"type":"creator","id":"c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4","preview":"Soyeb","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/867947/avatar-jQxx1q8RWj76NfGo0ZcrLujaVCrKOh.jpg","slug":"soyeb","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T00:53:24.894Z","latestAt":"2026-06-20T00:53:24.894Z"},{"id":"019ee284-a52e-73cb-aba8-780996c05555","type":"creator.followed","target":{"type":"creator","id":"a1e0c773-d1ab-4dc1-86de-645157218a97","preview":"BuiltByKern","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T00:53:24.394Z","latestAt":"2026-06-20T00:53:24.394Z"},{"id":"019ee284-91b2-73c4-80c8-22598ee5463b","type":"creator.followed","target":{"type":"creator","id":"8f3ab624-224a-405f-bb7c-44c2296eecab","preview":"Basecom","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8f3ab624-224a-405f-bb7c-44c2296eecab/mb9o19ft","slug":"basecom","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T00:53:19.406Z","latestAt":"2026-06-20T00:53:19.406Z"},{"id":"019ee284-3d27-70a8-becd-2867d6c23eaf","type":"comment.liked","target":{"type":"comment","id":"019ee26c-57bb-77ea-8357-f7230e4b818f","preview":"Love how clear this feels.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Love how clear this feels."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019e080d-49e4-7305-807b-1c312911b633","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ee26c-57bb-77ea-8357-f7230e4b818f"},"repost":null}},"context":{"type":"post","id":"019e080d-49e4-7305-807b-1c312911b633","preview":"Verde Technologies","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/u2dqeoe2","targetDeleted":false,"owned":true,"actions":{"postId":"019e080d-49e4-7305-807b-1c312911b633","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T00:52:57.762Z","latestAt":"2026-06-20T00:52:57.762Z"},{"id":"019ee0bf-1a86-715c-9cf4-ad5004bbcff1","type":"creator.followed","target":{"type":"creator","id":"20b794d8-b712-479d-8572-13812d589ab6","preview":"Floyka Design Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/62848/avatar-FieFvLtWCfpmdsGVre1bpgGPZl1iGN.jpg","slug":"floyka","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T16:38:01.089Z","latestAt":"2026-06-19T16:38:01.089Z"},{"id":"019ee0bf-1783-779b-bebb-f4091889b436","type":"creator.followed","target":{"type":"creator","id":"7b34ca5d-5f1b-47da-9ab6-dbafa98f7c64","preview":"Elias ALVES","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1986765/ZQCDW6564-Rd4a11uLlTKRXXJMOFXxqWVm8c2e46","slug":"elias-alves","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","slug":"robert-culver","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T16:38:00.319Z","latestAt":"2026-06-19T16:38:00.319Z"}],"pagination":{"next":"MjAyNi0wNi0xOVQxNjozODowMC4zMTlafDAxOWVlMGJmLTE3ODMtNzc5Yi1iZWJiLWY0MDkxODg5YjQzNg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:eb74d195-6148-4393-842d-a4878aa4a95a:/unified/posts/?creator=eb74d195-6148-4393-842d-a4878aa4a95a&with=reposts":[{"data":[{"id":"01a0ff19-f48d-721a-867d-adb3920033cb","title":null,"body":"

I just published my first Framer component, Sine Wave Animation.

It draws up to five flowing wave lines with a glowing light pulse traveling along each one. I built it for my last client project. It works great for subtle movement in hero or section backgrounds.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I just published my first Framer component, Sine Wave Animation."}]},{"type":"paragraph","content":[{"type":"text","text":"It draws up to five flowing wave lines with a glowing light pulse traveling along each one. I built it for my last client project. It works great for subtle movement in hero or section backgrounds."}]}]},"author":{"framerUserId":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","slug":"robert-culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","followed":false,"followsYou":false},"media":[],"resources":[{"id":"fQsLQtMgai708rVRDl1X","resolved":true,"title":"Sine Wave Animation","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"About Sine Wave Animation","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Sine Wave Animation draws up to five flowing wave lines with a soft light pulse traveling along each one. Drop it behind a hero or landing page section for calm, premium motion with no video, Lottie, or image files. It is one lightweight SVG component, and every style is controlled from the properties panel."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Up to 5 waves, each with its own color, speed, peaks, amplitude, and height"}]},{"type":"paragraph","content":[{"type":"text","text":"- Wave settings grouped into collapsible sections, so the panel stays tidy"}]},{"type":"paragraph","content":[{"type":"text","text":"- Designed default pattern, with a custom mode and one-click reset"}]},{"type":"paragraph","content":[{"type":"text","text":"- Glow size, glow edge color, line color, opacity, and width controls"}]},{"type":"paragraph","content":[{"type":"text","text":"- Glow Quality: High, or Light for a faster option on mobile"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fill or Fit modes to control cropping at any size"}]},{"type":"paragraph","content":[{"type":"text","text":"- Accepts Framer color tokens"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Benefits","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Adds depth to hero sections without heavy video files"}]},{"type":"paragraph","content":[{"type":"text","text":"- Seamless 60 second loop that does not feel repetitive"}]},{"type":"paragraph","content":[{"type":"text","text":"- Pauses when offscreen to save resources"}]},{"type":"paragraph","content":[{"type":"text","text":"- Shows a still frame when reduced motion is turned on"}]},{"type":"paragraph","content":[{"type":"text","text":"- Resolution independent, so lines and glows stay sharp on any display"}]},{"type":"paragraph","content":[{"type":"text","text":"- Works on dark and light backgrounds"}]}]},"introduction":"Flowing waves with glowing light","slug":"sine-wave-animation","author":{"framerUserId":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","slug":"robert-culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/01a10def-67a5-758a-b2f5-377b991a58d1.png","metadata":{"tint":{"h":213,"s":69,"l":25},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-10-03T00:11:25.520Z","updatedAt":"2026-10-05T21:22:57.584Z","publishedAt":"2026-10-03T00:11:25.517Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/SineWaveAnimation-ZUF8ab.js@IcnbzA76Qv1gdgMj5L6r","previewUrl":"https://sine-wave-animation.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"IcnbzA76Qv1gdgMj5L6r","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-10-05T21:22:58.554Z","createdAt":"2026-10-03T00:11:26.221Z","updatedAt":"2026-10-05T21:22:58.554Z"},{"id":"01a0b6f9-bb74-70e8-b211-8190689f9b19","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","slug":"robert-culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","followed":false,"followsYou":false},"media":[],"resources":[{"id":"17620","resolved":true,"title":"Listen Out Loud","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Excited to share the recent launch of "},{"type":"text","text":"Listen Out Loud Media ","marks":[{"type":"bold"}]},{"type":"text","text":"website, now live at "},{"type":"text","text":"listenoutloud.org","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.listenoutloud.org/","target":"_blank"}}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"This was a meaningful build. Listen Out Loud is a registered 501(c)(3) nonprofit that funds documentary films, classroom speakers, and media experiences for schools that can't afford them. The whole mission is around access, making sure every student gets to hear a story that sounds like theirs."}]},{"type":"paragraph","content":[{"type":"text","text":"The donate section background animation started in Figma. I used Figma's motion tools to prototype the sine wave look and feel, iterating on the wave shapes, layering, and glow nodes until it felt right. Once the visual direction was locked, I used that Figma frame as the reference to rebuild it as a custom Framer code component with Claude. "}]},{"type":"paragraph","content":[{"type":"text","text":"The final component renders animated sine waves in SVG using cubic bezier paths and runs per-wave node passes on a random start and stop 60-second loop. This creates a unique path for the nodes so they are never the same as the previous loop. Fully prop-controlled with Framer's property controls API, wave count, amplitude, color, speed, and glow intensity all editable directly in the canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"→"},{"type":"text","text":" listenoutloud.org","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.listenoutloud.org/","target":"_blank"}}]}]}]},"introduction":"","slug":"listen-out-loud","author":{"framerUserId":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","slug":"robert-culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/01a0b775-85b6-778a-a460-7728ad0b17cc.png","metadata":{"tint":{"h":231,"s":88,"l":13},"width":1440,"height":1080}},{"type":"video","url":"https://stream.mux.com/fkwSg0200yilfkcXQ02SHEawWLkhirbEQfnfRwtiYjr6bc.m3u8","metadata":{"posterUrl":"https://image.mux.com/fkwSg0200yilfkcXQ02SHEawWLkhirbEQfnfRwtiYjr6bc/thumbnail.webp?time=20.433","aspectRatio":"719:540","duration":37.866667}},{"type":"video","url":"https://stream.mux.com/DlC1o00ax9tK1xB00LaFRysjIHtMBAWfGcXypmcuHNCng.m3u8","metadata":{"posterUrl":"https://image.mux.com/DlC1o00ax9tK1xB00LaFRysjIHtMBAWfGcXypmcuHNCng/thumbnail.webp?time=42.067","aspectRatio":"16:9","duration":53.866667}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/01a0b6ec-2ebf-7762-b257-1434e2db0f45.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1407,"height":996}}],"post":null,"createdAt":"2026-09-19T00:03:34.227Z","updatedAt":"2026-09-19T03:24:54.507Z","publishedAt":"2026-09-19T00:03:34.220Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.listenoutloud.org/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"},{"id":"d26c907e-7d56-4582-9727-b7c10921b71e","name":"Community","slug":"community"},{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-19T00:03:34.900Z","updatedAt":"2026-09-19T00:03:34.900Z"},{"id":"019f9a78-6cf3-70cd-a63a-63f0800f1977","title":null,"body":"

2025 Summer work.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"2025 Summer work."}]}]},"author":{"framerUserId":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","slug":"robert-culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","followed":false,"followsYou":false},"media":[],"resources":[{"id":"16779","resolved":true,"title":"SPARC Solar","body":"

SPARC (Solar Photovoltaic Advanced Research Consortium) is a 501c3 non-profit to support the pioneering work in perovskites, photovoltaics, and the next generation of clean energy technology.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"SPARC (Solar Photovoltaic Advanced Research Consortium) is a 501c3 non-profit to support the pioneering work in perovskites, photovoltaics, and the next generation of clean energy technology."}]}]},"introduction":"","slug":"sparc-solar","author":{"framerUserId":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","slug":"robert-culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/019f9a77-bb05-73ef-9e7f-22a7632fbef4.png","metadata":{"tint":{"h":16,"s":69,"l":25},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/019f9a76-8375-728d-8c2e-afe9957d3a3b.png","metadata":{"tint":{"h":16,"s":69,"l":25},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/019f9a76-8f2e-72c9-b9d0-ef32a4117691.png","metadata":{"tint":{"h":16,"s":69,"l":25},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-25T18:10:10.675Z","updatedAt":"2026-07-25T18:10:10.675Z","publishedAt":"2026-07-25T18:10:10.672Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.sparcsolar.org/","categories":[{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"},{"id":"4deaf317-a648-4f8b-ae2a-f9a4cf1a35da","name":"Education","slug":"education"},{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-25T18:13:30.421Z","createdAt":"2026-07-25T18:10:11.315Z","updatedAt":"2026-07-25T18:13:30.421Z"},{"id":"019e080d-49e4-7305-807b-1c312911b633","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","slug":"robert-culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","followed":false,"followsYou":false},"media":[],"resources":[{"id":"15393","resolved":true,"title":"Verde Technologies","body":"

Verde is developing perovskite solar panel technology for space applications, lightweight, rollable solar panels with 50x higher power-to-mass than silicon and 1000x greater radiation tolerance. DOE Perovskite Startup Prize winners, backed by NSF, DOD, and DOE. The site needed to carry that ambition without over-explaining the science.

The goal was to feel credible to aerospace partners and investors without losing the sense of scale the mission deserves.

","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Verde is developing perovskite solar panel technology for space applications, lightweight, rollable solar panels with 50x higher power-to-mass than silicon and 1000x greater radiation tolerance. DOE Perovskite Startup Prize winners, backed by NSF, DOD, and DOE. The site needed to carry that ambition without over-explaining the science."}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The goal was to feel credible to aerospace partners and investors without losing the sense of scale the mission deserves."}]},{"type":"paragraph"}]},"introduction":"Verde Technologies creates perovskite solar panels to create the world’s most economical energy source. Lightweight, flexible panels for every roof surface.","slug":"verde-technologies","author":{"framerUserId":"eb74d195-6148-4393-842d-a4878aa4a95a","name":"Robert Culver","slug":"robert-culver","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/s5bxfav7","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/u2dqeoe2","metadata":{"tint":{"h":180,"s":17,"l":19},"width":1200,"height":677}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/shv7dz3e","metadata":{"tint":{"h":20,"s":25,"l":31},"width":1200,"height":677}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/aezkn0bv","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1441,"height":1001}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eb74d195-6148-4393-842d-a4878aa4a95a/01a0b7e1-4d05-7332-ba57-c35d31064f87.png","metadata":{"tint":{"h":240,"s":10,"l":16},"width":1679,"height":1007}}],"post":null,"createdAt":"2026-05-08T14:45:49.154Z","updatedAt":"2026-09-19T14:02:53.961Z","publishedAt":"2026-05-08T14:45:49.156Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.verdetechnologies.com/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-08T14:45:49.156Z","updatedAt":"2026-05-08T14:45:49.156Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L54"}]