Style Bg
What's Included
- Free to download & use
- Open for personal & commercial use
Support The Creator
Use one-time or monthly support to thank the creator for this free product.
GrapesJS Compatible
Tested with GrapesJS 0.16.x, 0.17.x, 0.18.x
Open Source on GitHub
Free to use, fork, and contribute
Editor Compatible
Designed for the GrapesJS open-source editor
Free to Use
Open for personal and commercial projects
The stock background control in the GrapesJS Style Manager handles the simple cases. This plugin replaces it with a full-stack background editor that covers what real designs need: layered images, solid colors and gradients, edited in place.
What it changes
Rather than adding a new property, the plugin updates the built-in background property. Anything already using it picks up the richer control with no change to your Style Manager configuration.
Gradients
Gradient editing is powered by Grapick, which means its stylesheet — grapick/dist/grapick.min.css — must be included alongside the GrapesJS CSS, or the picker renders unstyled. Pass options through to it with styleGradientOpts.
Options
styleGradientOpts— options forwarded to the underlying gradient plugin.propExtender— a function receiving the single style property definition and returning your modified version, for when you need to change how the property is registered.
Requirements
GrapesJS v0.20.1 or higher. Install as grapesjs-style-bg. Released under the MIT licence.
Ratings:
No reviews yet. Be the first to share your experience.
Questions & Answers
No questions yet. Have something to ask?
Common problems this plugin can help fix
Real community questions on the same topic — see how others worked around them.