---
title: "Layout Composer — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by Chocolate Agency · Libraries. Layout Composer turns the tedious work of placing decorative layers into one click."
canonical: "https://framer.elliotli.dev/plugin/layout-composer"
---

[Home](/)/[Plugins](/plugins)/[Libraries](/plugins/category/libraries)/Layout Composer

# Layout Composer

Compose layouts in one click

[View on Framer](https://framer.com/marketplace/plugins/layout-composer/?via=elliot-li)

![Layout Composer preview image 1](https://framer.elliotli.dev/og/plugin/layout-composer/19ecc4fde79fc569/1600x1200.jpg)

## Summary

Layout Composer turns the tedious work of placing decorative layers into one click.

## Description

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
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #799

## Details

- **Author**: Chocolate Agency
- **Published**: 2026-05-05
- **Updated**: 2026-05-05
- **Added**: 2026-05-05
- **Categories**: Libraries

## More like this

-   [FramerKit](/plugin/framerkit) — Pavel Golichenko · Free — Build Websites Faster with FramerKit Everything you need to build websites in Framer.
-   [FAQ & HelpDesk](/plugin/plumspace-faq) — PlumSpace · Free — Accordion FAQ Page for Help Center
-   [Joy2Move Exercise Library](/plugin/joy2move-exercise-library) — Andrei Gheorghiu · Free — Add home exercise video demos
-   [Liniqo](/plugin/liniqo) — Abdullah Noman · Free — 2,600+ isometric illustrations