<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Browser &#8211; CodeMaster Hub</title>
	<atom:link href="https://codemasterhub.com/items/category/browser/feed/" rel="self" type="application/rss+xml" />
	<link>https://codemasterhub.com</link>
	<description>The Hub for Web Builders and Tools</description>
	<lastBuildDate>Mon, 06 Jul 2026 15:31:58 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://codemasterhub.com/wp-content/uploads/2025/12/cropped-codemaster-hub-icon-512-web-32x32.jpg</url>
	<title>Browser &#8211; CodeMaster Hub</title>
	<link>https://codemasterhub.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>StyleBox Pro: No-Code Browser Styling Toolkit</title>
		<link>https://codemasterhub.com/items/stylebox-pro-for-browsers/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 06 Jun 2026 09:44:05 +0000</pubDate>
				<guid isPermaLink="false">https://codemasterhub.com/?post_type=download&#038;p=2481</guid>

					<description><![CDATA[StyleBox Pro is a no-code browser styling toolkit to customize websites, pick colors, hide elements, create dark mode, and save personal styles easily.]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2481" class="elementor elementor-2481" data-elementor-post-type="download">
				<div class="elementor-element elementor-element-259ab4f7 e-flex e-con-boxed e-con e-parent" data-id="259ab4f7" data-element_type="container" data-e-type="container" id="top" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-5567f772 e-con-full e-flex e-con e-child" data-id="5567f772" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ef5f331 elementor-widget elementor-widget-image" data-id="ef5f331" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
																<a href="https://codemasterhub.com/items/stylebox-pro-for-browsers/">
							<img fetchpriority="high" decoding="async" width="1024" height="337" src="https://codemasterhub.com/wp-content/uploads/edd/2026/06/stylebox-logo.png" class="attachment-large size-large wp-image-2487" alt="StyleBox Pro Extension" srcset="https://codemasterhub.com/wp-content/uploads/edd/2026/06/stylebox-logo.png 1024w, https://codemasterhub.com/wp-content/uploads/edd/2026/06/stylebox-logo-300x99.png 300w, https://codemasterhub.com/wp-content/uploads/edd/2026/06/stylebox-logo-768x253.png 768w" sizes="(max-width: 1024px) 100vw, 1024px" title="StyleBox Pro: No-Code Browser Styling Toolkit 1">								</a>
															</div>
				</div>
		<div class="elementor-element elementor-element-2f5a5673 e-con-full e-flex e-con e-child" data-id="2f5a5673" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-587f0927 e-fit_to_content e-n-menu-mobile e-n-menu-layout-horizontal elementor-widget elementor-widget-n-menu" data-id="587f0927" data-element_type="widget" data-e-type="widget" data-settings="{&quot;menu_items&quot;:[{&quot;item_title&quot;:&quot;Overview&quot;,&quot;_id&quot;:&quot;15a27d2&quot;,&quot;item_link&quot;:{&quot;url&quot;:&quot;#top&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;},&quot;item_dropdown_content&quot;:&quot;no&quot;,&quot;item_icon&quot;:{&quot;value&quot;:&quot;&quot;,&quot;library&quot;:&quot;&quot;},&quot;item_icon_active&quot;:null,&quot;element_id&quot;:&quot;&quot;},{&quot;item_title&quot;:&quot;Features&quot;,&quot;_id&quot;:&quot;37e3690&quot;,&quot;item_link&quot;:{&quot;url&quot;:&quot;#features&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;},&quot;item_dropdown_content&quot;:&quot;no&quot;,&quot;item_icon&quot;:{&quot;value&quot;:&quot;&quot;,&quot;library&quot;:&quot;&quot;},&quot;item_icon_active&quot;:null,&quot;element_id&quot;:&quot;&quot;},{&quot;item_title&quot;:&quot;Doc&quot;,&quot;item_link&quot;:{&quot;url&quot;:&quot;https:\/\/codemasterhub.com\/doc\/stylebox-pro-extension-doc\/&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;},&quot;_id&quot;:&quot;9cc6c7f&quot;,&quot;item_dropdown_content&quot;:&quot;no&quot;,&quot;item_icon&quot;:{&quot;value&quot;:&quot;&quot;,&quot;library&quot;:&quot;&quot;},&quot;item_icon_active&quot;:null,&quot;element_id&quot;:&quot;&quot;}],&quot;content_width&quot;:&quot;fit_to_content&quot;,&quot;item_position_horizontal&quot;:&quot;end&quot;,&quot;breakpoint_selector&quot;:&quot;mobile&quot;,&quot;content_horizontal_position&quot;:&quot;center&quot;,&quot;item_layout&quot;:&quot;horizontal&quot;,&quot;open_on&quot;:&quot;hover&quot;,&quot;horizontal_scroll&quot;:&quot;disable&quot;,&quot;menu_item_title_distance_from_content&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;menu_item_title_distance_from_content_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_item_title_distance_from_content_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="mega-menu.default">
							<nav class="e-n-menu" data-widget-number="148" aria-label="Menu">
					<button class="e-n-menu-toggle" id="menu-toggle-148" aria-haspopup="true" aria-expanded="false" aria-controls="menubar-148" aria-label="Menu Toggle">
			<span class="e-n-menu-toggle-icon e-open">
				<svg class="e-font-icon-svg e-eicon-menu-bar" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z"></path></svg>			</span>
			<span class="e-n-menu-toggle-icon e-close">
				<svg class="e-font-icon-svg e-eicon-close" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z"></path></svg>			</span>
		</button>
					<div class="e-n-menu-wrapper" id="menubar-148" aria-labelledby="menu-toggle-148">
				<ul class="e-n-menu-heading">
								<li class="e-n-menu-item">
				<div id="e-n-menu-title-1481" class="e-n-menu-title e-anchor">
					<a class="e-n-menu-title-container e-focus e-link" href="#top" aria-current="page">												<span class="e-n-menu-title-text">
							Overview						</span>
					</a>									</div>
							</li>
					<li class="e-n-menu-item">
				<div id="e-n-menu-title-1482" class="e-n-menu-title e-anchor">
					<a class="e-n-menu-title-container e-focus e-link" href="#features" aria-current="page">												<span class="e-n-menu-title-text">
							Features						</span>
					</a>									</div>
							</li>
					<li class="e-n-menu-item">
				<div id="e-n-menu-title-1483" class="e-n-menu-title">
					<a class="e-n-menu-title-container e-focus e-link" href="https://codemasterhub.com/doc/stylebox-pro-extension-doc/">												<span class="e-n-menu-title-text">
							Doc						</span>
					</a>									</div>
							</li>
						</ul>
			</div>
		</nav>
						</div>
				<div class="elementor-element elementor-element-a464e30 elementor-widget elementor-widget-button" data-id="a464e30" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#pricing">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Pricing</span>
					</span>
					</a>
								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-96a2356 e-flex e-con-boxed e-con e-parent" data-id="96a2356" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-1e19299 e-con-full e-flex e-con e-child" data-id="1e19299" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-d7a58e4 elementor-widget elementor-widget-heading" data-id="d7a58e4" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">No-code website customization for browsers</h2>				</div>
				<div class="elementor-element elementor-element-d0d5015 elementor-widget elementor-widget-heading" data-id="d0d5015" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h1 class="elementor-heading-title elementor-size-default">StyleBox Pro: Style the Web Your Way</h1>				</div>
				<div class="elementor-element elementor-element-e3fb483 elementor-widget elementor-widget-text-editor" data-id="e3fb483" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>StyleBox Pro lets you customize website colors, typography, spacing, layout, dark mode, and selected elements directly from your browser without writing CSS.</p>								</div>
		<div class="elementor-element elementor-element-b873f57 e-con-full e-flex e-con e-child" data-id="b873f57" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-5a7d7fa elementor-widget elementor-widget-button" data-id="5a7d7fa" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#pricing">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Pricing &amp; Plans</span>
					</span>
					</a>
								</div>
				<div class="elementor-element elementor-element-5fd425e elementor-widget elementor-widget-button" data-id="5fd425e" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="https://chromewebstore.google.com/detail/stylebox/cikijanampcbhcbiebanofgfedcdpdal" target="_blank" rel="noopener">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Add to Your Browser</span>
					</span>
					</a>
								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-6bab4c0 e-con-full e-flex e-con e-child" data-id="6bab4c0" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-59bc5cf elementor-widget elementor-widget-image" data-id="59bc5cf" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img decoding="async" width="1024" height="683" src="https://codemasterhub.com/wp-content/uploads/edd/2026/06/stylebox-pro-browser-extension.jpg" class="attachment-large size-large wp-image-2483" alt="StyleBox Pro: No-Code Browser Styling Toolkit" srcset="https://codemasterhub.com/wp-content/uploads/edd/2026/06/stylebox-pro-browser-extension.jpg 1024w, https://codemasterhub.com/wp-content/uploads/edd/2026/06/stylebox-pro-browser-extension-300x200.jpg 300w, https://codemasterhub.com/wp-content/uploads/edd/2026/06/stylebox-pro-browser-extension-768x512.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" title="StyleBox Pro: No-Code Browser Styling Toolkit 2">															</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-100c349 e-grid e-con-full e-con e-parent" data-id="100c349" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-69c1ed8 elementor-view-framed elementor-shape-rounded elementor-position-block-start elementor-widget elementor-widget-icon-box" data-id="69c1ed8" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-check" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							No-code						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Visual controls for real websites					</p>
				
			</div>
			
		</div>
						</div>
				<div class="elementor-element elementor-element-705439a elementor-view-framed elementor-shape-rounded elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="705439a" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-check" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							Per-site						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Save customizations by website					</p>
				
			</div>
			
		</div>
						</div>
				<div class="elementor-element elementor-element-ee0d347 elementor-view-framed elementor-shape-rounded elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="ee0d347" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-check" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							Pro tools						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Advanced layout, library, and export					</p>
				
			</div>
			
		</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-2de613f e-flex e-con-boxed e-con e-parent" data-id="2de613f" data-element_type="container" data-e-type="container" id="pricing">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-9a26064 elementor-widget elementor-widget-heading" data-id="9a26064" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">StylePox Pro - Pricing Plan</h2>				</div>
		<div class="elementor-element elementor-element-15d2d24 e-grid e-con-full e-con e-child" data-id="15d2d24" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-5c18b3a elementor-widget elementor-widget-price-table" data-id="5c18b3a" data-element_type="widget" data-e-type="widget" data-widget_type="price-table.default">
					
		<div class="elementor-price-table">
							<div class="elementor-price-table__header">
											<h3 class="elementor-price-table__heading">
						StyleBox Free Extension						</h3>
					
											<span class="elementor-price-table__subheading">
							Unlimited Browsers						</span>
									</div>
			
			<div class="elementor-price-table__price">
																	<span class="elementor-price-table__integer-part">
						0					</span>
				
									<div class="elementor-price-table__after-price">
						<span class="elementor-price-table__fractional-part">
													</span>

													<span class="elementor-price-table__period elementor-typo-excluded">/ Forever</span>											</div>
				
				
							</div>

							<ul class="elementor-price-table__features-list">
											<li class="elementor-repeater-item-36a1d5a">
							<div class="elementor-price-table__feature-inner">
								<svg aria-hidden="true" class="e-font-icon-svg e-far-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg>																	<span >
										Unlimited Browsers Activation (Chrome, Microsoft Edge, Brave, Firefox, etc.)									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-3c010a1">
							<div class="elementor-price-table__feature-inner">
								<svg aria-hidden="true" class="e-font-icon-svg e-far-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg>																	<span >
										Customize basic website colors and typography									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-1a6d8a8">
							<div class="elementor-price-table__feature-inner">
								<svg aria-hidden="true" class="e-font-icon-svg e-far-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg>																	<span >
										Simple dark mode and temporary element hiding									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-dea4b4d">
							<div class="elementor-price-table__feature-inner">
								<svg aria-hidden="true" class="e-font-icon-svg e-far-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg>																	<span >
										Recent color history for picked colors									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-f0777de">
							<div class="elementor-price-table__feature-inner">
								<svg aria-hidden="true" class="e-font-icon-svg e-far-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg>																	<span >
										Save customizations for a limited number of websites									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-fc9e386">
							<div class="elementor-price-table__feature-inner">
								<svg aria-hidden="true" class="e-font-icon-svg e-far-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg>																	<span >
										Great for trying styleBox on everyday browsing									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-b11be5b">
							<div class="elementor-price-table__feature-inner">
								<svg aria-hidden="true" class="e-font-icon-svg e-far-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg>																	<span >
										Basic Support									</span>
																</div>
						</li>
									</ul>
			
							<div class="elementor-price-table__footer">
											<a class="elementor-price-table__button elementor-button elementor-size-md" href="#">
							Install Free						</a>
					
									</div>
					</div>

						</div>
				<div class="elementor-element elementor-element-03b906d elementor-widget elementor-widget-price-table" data-id="03b906d" data-element_type="widget" data-e-type="widget" data-widget_type="price-table.default">
					
		<div class="elementor-price-table">
							<div class="elementor-price-table__header">
											<h3 class="elementor-price-table__heading">
						StyleBox Pro Extension						</h3>
					
											<span class="elementor-price-table__subheading">
							3 Browsers - Lifetime License						</span>
									</div>
			
			<div class="elementor-price-table__price">
																	<span class="elementor-price-table__integer-part">
						<span class="edd_price" id="edd_price_2481">&#036;29</span>					</span>
				
									<div class="elementor-price-table__after-price">
						<span class="elementor-price-table__fractional-part">
													</span>

													<span class="elementor-price-table__period elementor-typo-excluded">/ Lifetime</span>											</div>
				
				
							</div>

							<ul class="elementor-price-table__features-list">
											<li class="elementor-repeater-item-36a1d5a">
							<div class="elementor-price-table__feature-inner">
								<svg aria-hidden="true" class="e-font-icon-svg e-far-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg>																	<span >
										3 Browsers Activation (Chrome, Microsoft Edge, Brave, Firefox, etc.)									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-f3a783a">
							<div class="elementor-price-table__feature-inner">
								<svg aria-hidden="true" class="e-font-icon-svg e-far-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg>																	<span >
										Advanced layout controls, max width, spacing, radius, and zoom									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-7bfb8fd">
							<div class="elementor-price-table__feature-inner">
								<svg aria-hidden="true" class="e-font-icon-svg e-far-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg>																	<span >
										Title colors, advanced typography, and deeper element styling									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-f981637">
							<div class="elementor-price-table__feature-inner">
								<svg aria-hidden="true" class="e-font-icon-svg e-far-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg>																	<span >
										Unlimited websites and advanced saved customizations									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-f54c6ea">
							<div class="elementor-price-table__feature-inner">
								<svg aria-hidden="true" class="e-font-icon-svg e-far-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg>																	<span >
										Saved color library, palettes, and Pro color workflows									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-3c010a1">
							<div class="elementor-price-table__feature-inner">
								<svg aria-hidden="true" class="e-font-icon-svg e-far-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg>																	<span >
										Import/export backups for settings and customizations									</span>
																</div>
						</li>
											<li class="elementor-repeater-item-b11be5b">
							<div class="elementor-price-table__feature-inner">
								<svg aria-hidden="true" class="e-font-icon-svg e-far-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg>																	<span >
										24/7 Premium Support									</span>
																</div>
						</li>
									</ul>
			
							<div class="elementor-price-table__footer">
											<a class="elementor-price-table__button elementor-button elementor-size-md" href="https://codemasterhub.com/checkout/?edd_action=add_to_cart&#038;download_id=2481&#038;edd_options%5Bprice_id%5D=1">
							Buy now						</a>
					
									</div>
					</div>

						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-d119a6a e-flex e-con-boxed e-con e-parent" data-id="d119a6a" data-element_type="container" data-e-type="container" id="features" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-d1eb572 e-con-full e-flex e-con e-child" data-id="d1eb572" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-d3f775c elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="d3f775c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Visual site customization</h2>				</div>
				<div class="elementor-element elementor-element-4fe3d6b elementor-widget elementor-widget-text-editor" data-id="4fe3d6b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Open the customize popup on any supported website and change the page appearance with direct controls instead of manual CSS editing.</p>								</div>
				<div class="elementor-element elementor-element-d31b697 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="d31b697" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Page background, text, links, buttons, borders, and title colors</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Live preview as you adjust settings</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Per-website customizations saved locally in the browser</span>
									</li>
						</ul>
						</div>
				</div>
		<div class="elementor-element elementor-element-41fd348 e-con-full e-flex e-con e-child" data-id="41fd348" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-852846e elementor-widget elementor-widget-video" data-id="852846e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;youtube_url&quot;:&quot;https:\/\/youtu.be\/euX-pf2vsmA&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;video_type&quot;:&quot;youtube&quot;}" data-widget_type="video.default">
							<div class="elementor-wrapper elementor-open-inline">
			<div class="elementor-video"></div>		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-4fedc4a e-flex e-con-boxed e-con e-parent" data-id="4fedc4a" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-f84913f e-con-full e-flex e-con e-child" data-id="f84913f" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-7eaa201 elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="7eaa201" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Pixel-accurate color picker</h2>				</div>
				<div class="elementor-element elementor-element-c813b58 elementor-widget elementor-widget-text-editor" data-id="c813b58" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Capture colors directly from websites, including images, gradients, canvas content, video frames, shadows, and rendered text antialiasing.</p>								</div>
				<div class="elementor-element elementor-element-5643520 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="5643520" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Copy HEX, RGB, and HSL values</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">See recent picked colors from the browser popup</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Save colors to your Pro color library</span>
									</li>
						</ul>
						</div>
				</div>
		<div class="elementor-element elementor-element-77d3a65 e-con-full e-flex e-con e-child" data-id="77d3a65" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-27e1e14 elementor-widget elementor-widget-image" data-id="27e1e14" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img decoding="async" width="800" height="508" src="https://codemasterhub.com/wp-content/uploads/edd/2026/06/stylebox-pro-color-picker-codemasterhub.gif" class="attachment-large size-large wp-image-2524" alt="StyleBox-Pro-Color-Picker" title="StyleBox Pro: No-Code Browser Styling Toolkit 3">															</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-6a7d350 e-con e-atomic-element e-flexbox-base e-2a7a056 " data-id="6a7d350" data-element_type="e-flexbox" data-e-type="e-flexbox" data-interaction-id="6a7d350">
    		<div class="elementor-element elementor-element-c599bfd elementor-widget elementor-widget-heading" data-id="c599bfd" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Much more feature</h2>				</div>
				<div class="elementor-element elementor-element-1b3f30f elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="1b3f30f" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-text-width" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M432 32H16A16 16 0 0 0 0 48v80a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-16h120v112h-24a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-24V112h120v16a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zm-68.69 260.69C354 283.36 336 288.36 336 304v48H112v-48c0-14.31-17.31-21.32-27.31-11.31l-80 80a16 16 0 0 0 0 22.62l80 80C94 484.64 112 479.64 112 464v-48h224v48c0 14.31 17.31 21.33 27.31 11.31l80-80a16 16 0 0 0 0-22.62z"></path></svg>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							Typography controls for better readability						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Make hard-to-read websites more comfortable with font, size, weight, line height, letter spacing, and heading scale controls.

<ul class="feature-list">
                  <li>Choose readable system font stacks</li>
                  <li>Scale headings from subtle to dramatic</li>
                  <li>Improve dense pages with better line height and spacing</li>
                </ul>					</p>
				
			</div>
			
		</div>
						</div>
				<div class="elementor-element elementor-element-613eed8 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="613eed8" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-layer-group" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M12.41 148.02l232.94 105.67c6.8 3.09 14.49 3.09 21.29 0l232.94-105.67c16.55-7.51 16.55-32.52 0-40.03L266.65 2.31a25.607 25.607 0 0 0-21.29 0L12.41 107.98c-16.55 7.51-16.55 32.53 0 40.04zm487.18 88.28l-58.09-26.33-161.64 73.27c-7.56 3.43-15.59 5.17-23.86 5.17s-16.29-1.74-23.86-5.17L70.51 209.97l-58.1 26.33c-16.55 7.5-16.55 32.5 0 40l232.94 105.59c6.8 3.08 14.49 3.08 21.29 0L499.59 276.3c16.55-7.5 16.55-32.5 0-40zm0 127.8l-57.87-26.23-161.86 73.37c-7.56 3.43-15.59 5.17-23.86 5.17s-16.29-1.74-23.86-5.17L70.29 337.87 12.41 364.1c-16.55 7.5-16.55 32.5 0 40l232.94 105.59c6.8 3.08 14.49 3.08 21.29 0L499.59 404.1c16.55-7.5 16.55-32.5 0-40z"></path></svg>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							Advanced layout adjustments						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Control how a site feels on your screen by adjusting page zoom, maximum content width, spacing scale, and border radius.
<ul class="feature-list">
                  <li>Set content width from compact to wide layouts</li>
                  <li>Apply page zoom styling for easier reading</li>
                  <li>Reduce motion and soften harsh interface corners</li>
                </ul>					</p>
				
			</div>
			
		</div>
						</div>
				<div class="elementor-element elementor-element-044af09 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="044af09" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-border-none" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M240 224h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm96 0h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm96 0h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-288 0h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm96 192h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm96 0h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm96 0h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-96h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-192h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM240 320h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-192h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-96 288h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm96-384h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zm96 0h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zm96 0h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zM48 224H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 192H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-96H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-192H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-96H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zm96 0h-32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"></path></svg>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							Element picker for page cleanup						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Select specific page elements and remove distractions or style selected text, images, boxes, and sections with context-aware controls.
<ul class="feature-list">
                  <li>Delete distracting elements from saved website settings</li>
                  <li>Use dynamic controls based on the selected element type</li>
                  <li>Style text, media, and box elements more precisely in Pro</li>
                </ul>					</p>
				
			</div>
			
		</div>
						</div>
				<div class="elementor-element elementor-element-f8df45f elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="f8df45f" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-moon" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z"></path></svg>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							Dark mode and comfort styling						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Apply a simple dark mode or use Pro controls to tune background, surface, text, link, border, and image dimming settings.
<ul class="feature-list">
                  <li>Reduce bright pages during late work sessions</li>
                  <li>Customize dark mode colors site by site</li>
                  <li>Dim images for a calmer browsing experience</li>
                </ul>					</p>
				
			</div>
			
		</div>
						</div>
				<div class="elementor-element elementor-element-bdc51d1 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="bdc51d1" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-th-large" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M296 32h192c13.255 0 24 10.745 24 24v160c0 13.255-10.745 24-24 24H296c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24zm-80 0H24C10.745 32 0 42.745 0 56v160c0 13.255 10.745 24 24 24h192c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24zM0 296v160c0 13.255 10.745 24 24 24h192c13.255 0 24-10.745 24-24V296c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm296 184h192c13.255 0 24-10.745 24-24V296c0-13.255-10.745-24-24-24H296c-13.255 0-24 10.745-24 24v160c0 13.255 10.745 24 24 24z"></path></svg>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							Dashboard for websites, colors, and backups						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Manage customized websites, review your recent colors, save Pro palettes, activate your license, and import or export settings.
<ul class="feature-list">
                  <li>See customized domains in one settings dashboard</li>
                  <li>Save colors and palettes for future design work</li>
                  <li>Export and restore customizations with JSON backups</li>
                </ul>					</p>
				
			</div>
			
		</div>
						</div>
		
</div>
<div class="elementor-element elementor-element-da5f327 e-flex e-con-boxed e-con e-parent" data-id="da5f327" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-8dca5d1 e-con-full e-flex e-con e-child" data-id="8dca5d1" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-e9e72b3 elementor-widget elementor-widget-heading" data-id="e9e72b3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h5 class="elementor-heading-title elementor-size-default">Ready to customize the web?</h5>				</div>
				<div class="elementor-element elementor-element-c7bd50e elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="c7bd50e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Start free, then upgrade when you want the full styleBox toolkit.</h2>				</div>
				<div class="elementor-element elementor-element-1588a2b elementor-widget elementor-widget-text-editor" data-id="1588a2b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Compare Free and Pro features, install the extension, and choose the plan that fits your workflow.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-66b7ea6 e-con-full e-flex e-con e-child" data-id="66b7ea6" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-095cace elementor-align-center elementor-widget elementor-widget-button" data-id="095cace" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#pricing">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Get StyleBox Pro</span>
					</span>
					</a>
								</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
