5c:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2qsfz_74auu2_.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3yfgkb3cck8zt.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3kyaj4hrugjs0.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2ryuxt_mk774w.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js"],"PostDetailCard"] 5d:T775,

Core Features & Capabilities

Full Marketplace Compliance: Includes Framer’s useIsStaticRenderer() hook to safely bypass WebGL loops during SSR/SSG site exports, canvas thumbnails, or static editor frames, rendering a lightweight vector SVG placeholder instead.
Realistic Flapping Animation: Dynamically alters the Y-position of individual wing vertices based on each bird's instant velocity—faster birds flap harder and quicker.
Interactive Mouse Target: The swarm reacts organically to cursor movement, drawing the flock toward or repelling them from the user's mouse position in 3D space.
Responsive Canvas: Uses ResizeObserver to cleanly recalculate camera aspect ratios and WebGL buffer sizes without reliance on window global events.

Customizable Property Controls (Framer Panel)

Property ControlTypeDefaultDescriptionBird CountNumber Slider Controls the swarm population density (20 to 400).

Bird Scale Number Slider Adjusts the individual 3-triangle mesh size (0.2 to 3.0).

Max Speed Number Slider Sets the terminal velocity cap of the entities (1.0 to 10.0).

Attraction Number Slider Adjusts cohesive pull between neighboring birds and cursor target.

Background Color Color Picker Sets the underlying canvas background color.

Bird Color Color Picker Changes the primary shade applied to the bird meshes.

Wireframe Boolean Toggle Toggles between solid shaded geometry and glowing wireframe

59:[["$","$L5c",null,{"post":{"id":"019faff6-79ff-77ff-9158-8abd36a62ebd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"eef990c3-d873-494e-88e0-abf8011c9ecd","name":"Forrest Young","slug":"fly","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eef990c3-d873-494e-88e0-abf8011c9ecd/fzf5p2b3","followed":false,"followsYou":false},"media":[],"resources":[{"id":"0MHz4FiyGQ6KNUcjwpiM","resolved":true,"title":"Flocking Birds","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Core Features & Capabilities"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full Marketplace Compliance:","marks":[{"type":"bold"}]},{"type":"text","text":" Includes Framer’s "},{"type":"text","text":"useIsStaticRenderer()","marks":[{"type":"code"}]},{"type":"text","text":" hook to safely bypass WebGL loops during SSR/SSG site exports, canvas thumbnails, or static editor frames, rendering a lightweight vector SVG placeholder instead."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Realistic Flapping Animation:","marks":[{"type":"bold"}]},{"type":"text","text":" Dynamically alters the Y-position of individual wing vertices based on each bird's instant velocity—faster birds flap harder and quicker."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Mouse Target:","marks":[{"type":"bold"}]},{"type":"text","text":" The swarm reacts organically to cursor movement, drawing the flock toward or repelling them from the user's mouse position in 3D space."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Canvas:","marks":[{"type":"bold"}]},{"type":"text","text":" Uses "},{"type":"text","text":"ResizeObserver","marks":[{"type":"code"}]},{"type":"text","text":" to cleanly recalculate camera aspect ratios and WebGL buffer sizes without reliance on window global events."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customizable Property Controls (Framer Panel)"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Property ControlTypeDefaultDescriptionBird Count","marks":[{"type":"bold"}]},{"type":"text","text":"Number Slider"},{"type":"text","text":" ","marks":[{"type":"code"}]},{"type":"text","text":"Controls the swarm population density ("},{"type":"text","text":"20","marks":[{"type":"code"}]},{"type":"text","text":" to "},{"type":"text","text":"400","marks":[{"type":"code"}]},{"type":"text","text":")."}]},{"type":"paragraph","content":[{"type":"text","text":"Bird Scale ","marks":[{"type":"bold"}]},{"type":"text","text":"Number Slider"},{"type":"text","text":" ","marks":[{"type":"code"}]},{"type":"text","text":"Adjusts the individual 3-triangle mesh size ("},{"type":"text","text":"0.2","marks":[{"type":"code"}]},{"type":"text","text":" to "},{"type":"text","text":"3.0","marks":[{"type":"code"}]},{"type":"text","text":")."}]},{"type":"paragraph","content":[{"type":"text","text":"Max Speed ","marks":[{"type":"bold"}]},{"type":"text","text":"Number Slider"},{"type":"text","text":" ","marks":[{"type":"code"}]},{"type":"text","text":"Sets the terminal velocity cap of the entities ("},{"type":"text","text":"1.0","marks":[{"type":"code"}]},{"type":"text","text":" to "},{"type":"text","text":"10.0","marks":[{"type":"code"}]},{"type":"text","text":")."}]},{"type":"paragraph","content":[{"type":"text","text":"Attraction ","marks":[{"type":"bold"}]},{"type":"text","text":"Number Slider"},{"type":"text","text":" ","marks":[{"type":"code"}]},{"type":"text","text":"Adjusts cohesive pull between neighboring birds and cursor target."}]},{"type":"paragraph","content":[{"type":"text","text":"Background Color ","marks":[{"type":"bold"}]},{"type":"text","text":"Color Picker"},{"type":"text","text":" ","marks":[{"type":"code"}]},{"type":"text","text":"Sets the underlying canvas background color."}]},{"type":"paragraph","content":[{"type":"text","text":"Bird Color ","marks":[{"type":"bold"}]},{"type":"text","text":"Color Picker Changes the primary shade applied to the bird meshes."}]},{"type":"paragraph","content":[{"type":"text","text":"Wireframe ","marks":[{"type":"bold"}]},{"type":"text","text":"Boolean Toggle"},{"type":"text","text":" ","marks":[{"type":"code"}]},{"type":"text","text":"Toggles between solid shaded geometry and glowing wireframe"}]}]},"introduction":"Adjustable flock of birds","slug":"flocking-birds","author":{"framerUserId":"eef990c3-d873-494e-88e0-abf8011c9ecd","name":"Forrest Young","slug":"fly","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eef990c3-d873-494e-88e0-abf8011c9ecd/fzf5p2b3","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eef990c3-d873-494e-88e0-abf8011c9ecd/019fb004-0a3a-714b-acca-dc477e08520c.png","metadata":{"tint":{"h":197,"s":71,"l":35},"width":586,"height":527}}],"post":null,"createdAt":"2026-07-29T22:19:53.256Z","updatedAt":"2026-07-29T22:41:17.012Z","publishedAt":"2026-07-29T22:19:53.253Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/InteractiveFlock-nP8ica.js@bdaa1X41bY7nfH8DyJNd","previewUrl":"https://birdflock.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"bdaa1X41bY7nfH8DyJNd","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-29T22:19:53.727Z","updatedAt":"2026-07-29T22:19:53.727Z","reported":false}}],"$L5e"]

Suggested for you