Description
GrowthLife Design Toolkit lets you restyle your whole WordPress site from one place — no code, no editing elements one by one. It works with any theme and any page builder (Elementor, Gutenberg / block editor, WPBakery, Beaver Builder, Divi and more), because it targets the colours, fonts and buttons your site actually outputs.
What the free version does
- Update Web Colors — find-and-replace any exact colour across your site. Everything is entered manually, so you stay in full control.
- Sync My WebColor — reads the site it is installed on (right in your browser) and lists the exact colours it uses. Click any colour to copy its code, then paste it into the Find box on Update Web Colors.
- Update Web Fonts — apply a font from the built-in library to paragraphs, spans, bullets, headings and buttons.
- Font Size & Weight — set the desktop size (px) and weight for every element.
- Line & Letter Spacing — fine-tune desktop line-height and letter-spacing per element.
- Update Button Colors — find a button colour and replace it, set the text colour and opacity.
- History & Undo — restore any of your last saved colour states with one click.
No account, licence key or payment is needed. Every feature works on your own site, and the plugin makes no server-side external requests of any kind. When you click “Fetch my colours” in Sync My WebColor, the reading runs in your browser and only looks at the site the plugin is installed on. It never reads or fetches any third-party website.
Pro version
The Pro version adds automation and advanced tools:
- One-click auto-fill and live colour scanning inside every tool
- Dark & Light colour modes
- Colour patterns and custom pattern builder
- Button hover colours and hover transition
- Add your own custom web fonts
- Separate Mobile (≤767px) size, weight and spacing
- Pick Colour by Image, Gradient Generator and one-click style presets
- Priority support
Learn more: https://growthlife.in/growthlife-design-toolkit/
External services
This plugin does not use or connect to any external or third-party services, APIs, or tracking. It makes no server-side web requests.
“Sync My WebColor” reads colours from the site the plugin is installed on, and that reading happens locally in your browser (it never fetches any other website). If the automatic reading does not work on your site, you can optionally paste your own page’s source code so the plugin can read the colours from that text. No personal data is collected or transmitted.
Support
Questions, bugs or feature requests? Email us at support@growthlife.in and we will be happy to help.
Installation
- Upload the plugin folder to
/wp-content/plugins/, or install the ZIP from Plugins Add New Upload. - Activate it through the “Plugins” menu in WordPress.
- Open GrowthLife Design Toolkit from the admin menu and start styling.
FAQ
-
Does this need a specific page builder?
-
No. It works on most WordPress themes and with any page builder — Elementor, the Gutenberg block editor, WPBakery, Beaver Builder, Divi and others — because the colour, font and button rules target what your site outputs, not a particular builder.
-
Does it connect to any external server?
-
No. The plugin has no account or licence system, does not phone home, and makes no server-side requests to any website. “Sync My WebColor” reads the colours of the site it is installed on entirely inside your own browser — nothing is sent anywhere and no third-party site is ever contacted.
-
Will it change my site automatically?
-
No. Nothing changes until you enter values and click Save, and you can turn all output off in Settings.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“GrowthLife Design Toolkit” is open source software. The following people have contributed to this plugin.
Contributors
Translate “GrowthLife Design Toolkit” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.0
- First public release of the free version.