5d:I[333483,["/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/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:Tc3f,

Layout Composer turns the tedious work of placing decorative layers into one click. Pick a layout, tweak with live preview, and drop the result on your canvas, or arrange the layers you already have.

What's in the plugin:

8 layout modes

Radial / arrange around a circle with arc control
Spiral / Fermat (sunflower) or Archimedean
Wave / sine distribution at any angle
Grid / hexagonal or brick offset
Sphere / Fibonacci 3D distribution with adjustable latitude band
Curve / cubic bezier you shape with sliders
Polygon / perimeter of a 3-12 sided shape
Stack / fan layout for card decks

Style

Size, aspect-ratio and opacity gradients
Per-shape blur (0–30px), uniform or progressive (start → end across the set) for depth-of-field looks
6 curated palettes (Pastel, Neon, Earth, Mono, Sunset, Ocean) with cycle or random modes
Three sources: generated shapes, Pexels photos (with search), or clones of your own layer
Bonus: arrange your existing canvas selection in any layout

Composition

Jitter — per-layer noise on position, size, and rotation for an organic feel
Perspective tilt that works on any mode
Connecting lines (sequence or closed ring) for constellation effects
Automatic z-ordering by depth on sphere and perspective layouts

Interactions

7 motion presets (Drift, Ripple, Pulse, Breathe, Loader, Spin, Sway) with intensity slider
5 hover effects (Scale, Lift, Tilt, Pop, Glow) — combine with motion and blur
One-click "Open Live Site" to verify them on your published page

Workflow

Live preview as you tweak any slider — see changes on canvas instantly
8 starter presets (Sunburst, Galaxy, Confetti, Tilted wall, Mandala, Petal, Card fan, Asteroid belt)
Save your favorite settings as presets — persistent across sessions
Export and import preset JSON to share with your team
Recent generations with one-click recall (last 5)
Surprise button for instant variations
Keyboard shortcuts: G to generate, S for surprise, R to reset, ⌘S to save preset
Smart placement — generates inside whatever frame you have selected

Use cases

Decorative hero patterns and backgrounds
Photo galleries and image stacks
Particle clouds and starfields
Spiral and mandala designs
Card fans and image decks (with blur for soft depth-of-field)
Constellation and network visualizations

5a:[["$","$L5d",null,{"post":{"id":"019df86e-7817-7b30-996e-f006403aba5a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"76e533b3-5b1c-4a02-a4e3-ffd407afdb23","name":"Chocolate Agency","slug":"chocolate-agency","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/998804/avatar-Z1POQ125HStg4q418mRPUGoU1rpfCW.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"1121","resolved":true,"title":"Layout Composer","body":"$5e","bodyJson":null,"introduction":"Compose layouts in one click","slug":"layout-composer","author":{"framerUserId":"76e533b3-5b1c-4a02-a4e3-ffd407afdb23","name":"Chocolate Agency","slug":"chocolate-agency","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/998804/avatar-Z1POQ125HStg4q418mRPUGoU1rpfCW.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/1121-dOL0rhSa1r4AFerhoVsOQL8vQ4IVaG","metadata":{"tint":{"h":240,"s":90,"l":36},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/1121-A37InAnNSS40bb4rv0i3OYraKIIBxG","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-05T10:00:35.659Z","updatedAt":"2026-05-05T10:00:38.804Z","publishedAt":"2026-05-05T13:58:02.519Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"5gt52ckl7m64hvvwghx9lhbmw","paid":false,"categories":[{"id":"79a3568a-05f3-4f98-b70f-6c9ff9e301c4","name":"Libraries","slug":"libraries"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-05T13:58:02.519Z","updatedAt":"2026-05-05T13:58:02.519Z","reported":false}}],"$L5f"]

Suggested for you