











Backdrop provides a new way to create distinguished section designs using pre-made & automatically generated shapes.
This stack makes it easy to add high quality backgrounds to your website designs. Just drop in the stack, add shapes & images, then arrange & resize your elements to create stand-out sections. With a few simple clicks you can change the size, position or opacity of all or portions of your chosen layer elements.
Auto-Generated Shapes
Backdrop includes a built-in tool that can generate randomized blob & wave shapes. Click the button below to generate a new randomized wave.
Split/Mixed Backgrounds
Use shape layers to create split background designs. Every layer can be sized & positioned individually. Any content added can also be aligned accordingly.
Extended Layers
Create up to 6 layers with any mixture of images, colors, & gradients. Layers can extend left or right to the edge of the browser window.
Responsive Control
Backdrop allows you to define responsive breakpoints to customize the appearance of the background by device size. Show or hide layers when necessary & adjust opacity to keep text readable.
Image Effects
Use the built-in transparency blending feature to create background images that blend with your website colors. You can also optionally blur & feather layers to create watermarked images.
Unique Designs
Apply a variety of effects such as blurring, mirroring, feathering & more to customize your layer elements. Add color, color gradients, & images to make them totally unique.
Added Depth
Adding a unique background is a great way to not only set the tone of your site, but also to highlight certain areas & make them stand out from the rest.
1LD SUPPORT
We won’t leave you hanging! As with any purchase from 1LD, you will have access to our top-notch tech support to help you with any issues you face. Whether it be that 3rd-party addon/stack that refuses to play nice or just some web design advice, our team is there for you.