CSS Variable Sandbox

Playground for css variables
What is CSS Variable Sandbox?
CSS Variable Sandbox is a Chrome extension that provides a draggable floating window to extract css variables into a sandbox. It allows developers to edit css variables and immediately see the results. With just one click, developers can copy the resulting css text to the clipboard. Please note that due to Chrome's restrictions, variables in external stylesheets are not displayed.
Download

Extension stats

Users: 193 ▼ -1
Rating: 3.00 (4)
Version: 0.0.1 (Last updated: 2018-12-15)
Creation date: 2018-12-15
Risk impact: Very low risk impact
Risk likelihood: Low risk likelihood
Manifest version: 2
Permissions:
  • activeTab
Size: 36.37K

Ranking

# 57771 ▼ 329
Other rankings
#2144 in Developer Tools ▼ 4

Other platforms

Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

Extract css variables into a sandbox for developers to play with.

  • Provides a draggable floating window on page
  • Allow developers to edit css variables and immediately see results*
  • Copy result css text to clipboard with one click
  • due to Chrome's restrictions, variables in external stylesheets are not displayed.

User reviews

I was looking for a CSS variable editor ant to modify existing styles. It meets the expectations.
by Masoud Ghorbani, 2023-10-27
Not even kinda close. Didn't see fully half of the --properties on the page, and couldn't/wouldn't work out the values for those it did.
by Grumbly Curmudgeon Woodworks, 2022-08-21
Very helpful to navigate the new shadowdom stuff
by Gerdi Bot, 2018-12-16
View all user reviews

Extension safety

Risk impact

CSS Variable Sandbox does not require any sensitive permissions.

Risk likelihood

CSS Variable Sandbox has earned a fairly good reputation and likely can be trusted.

Upgrade to see risk analysis details

Similar extensions

Here are some Chrome extensions that are similar to CSS Variable Sandbox:

Visual CSS Editor
Visual CSS Editor
https://visualcsseditor.com
4.08
40,000+
CSS Undefined Variable Checker
CSS Undefined Variable Checker
community-group-chrome-store
3.00
194
Amino: Live CSS Editor
Amino: Live CSS Editor
https://aminoeditor.com
4.30
30,000+
CSS Issues Panel
CSS Issues Panel
Ian Jones (WITS)
N/A
127
HTML & CSS Design Analysis
HTML & CSS Design Analysis
https://kodemuse.dev
N/A
782
Inspect CSS
Inspect CSS
kholid060
4.64
10,000+
Page Manipulator
Page Manipulator
Ruud14
3.77
9,000+
Restyler
Restyler
asimen1
4.79
478
Live editor for CSS, Less & Sass - Magic CSS
Live editor for CSS, Less & Sass - Magic CSS
https://webextensions.org
4.64
70,000+
CSS Variables Editor
CSS Variables Editor
https://cssvariables.com
4.62
1,000+
Hoverify
Hoverify
Hoverify
4.12
10,000+
Dimensions Inspect | Gridman
Dimensions Inspect | Gridman
https://fenvox.com
4.00
10,000+