CSSync

Collaboratively inspect, copy, and live-edit CSS from any page.

As of June 2026, CSSync has 10 users and a 5.00/5 rating from 1 reviews in the Developer Tools category.

Usersno change0%
10
10
Ratingno change0%
5.00
1 reviews
Reviewsno change0%
1
Version
1.0.7
Manifest V3
90-day change · In the last 90 days this extension 5 version updates, changed permissions.

History

6 snapshots

Tracking since May 11, 2026.

10.566.52.4399999999999995May 11, 2026Jun 11, 2026
View as table
DateUsersRatingReviewsVersion
May 11, 20261.0.0
May 16, 20261.0.0
May 22, 202631.0.1
May 29, 202631.0.2
Jun 5, 202675.0011.0.3
Jun 11, 202695.0011.0.4
Now105.0011.0.7

Changelog

  • Jun 11, 2026
    name
    Pair CSS
    CSSync
  • Jun 5, 2026
    description
    CSS Explorer is a simple Chrome extension to inspect CSS.
    Hover over any page element, and immediately find the CSS that is applied to it.
    No need to go into DevTools, pin as many style panels as you want, compare different elements side-by-side, make changes and even copy the result into your project in one click.
    
    It is built for frontend developers, designers, anyone interested in inspecting layout and styling of real websites and apps.
    
    Features:
    
    - Inspect CSS applied to an element (or multiple ones)
    - Pin multiple style panels for comparisons
    - Reorganize panels on the page
    - Make changes to CSS right inside the editor and preview the result
    - Copy entire CSS for a selected element
    - Copy changes to an element's CSS
    - Copy all changes to CSS for all pinned elements at once
    - See both sources styles and compact computed styles
    - Find out the size and HTML attributes of the element
    - Inspect active @media or @supports rules
    - Detect pseudostates such as :hover, :focus, :active and other
    - Pseudo-elements like ::before or ::after
    - Light/dark theme support
    - Preserves preferences across sessions
    
    CSS Explorer doesn't require registration, sign-ins, frameworks or dashboards. Its core idea is simple - quickly inspect CSS, do some experiments and copy the result into your project.
    Pair CSS, formerly CSS Explorer, is a Chrome extension for inspecting and live-editing CSS directly on any webpage.
    
    Hover over an element to see its styles, pin panels to compare elements side by side, edit CSS in place, and copy the result back into your project.
    
    Pair CSS also lets you create collaborative rooms, so teammates can inspect the same page together, see each other's pinned panels, edits, cursors, and change history in real time.
    
    Essential features:
    
    - Inspect source CSS and compact computed styles
    - Pin multiple style panels on the page
    - Edit CSS live and preview changes instantly
    - Copy an element's CSS or all session edits
    - Create or join collaborative CSS rooms
    - Share pinned panels, cursors, edits, and history with teammates
    - Inspect element size, attributes, media/supports rules, and pseudo selectors when available
    - Light and dark theme support
    
    No sign-in required. Open a page, inspect, edit, collaborate, and copy the result.
  • Jun 5, 2026
    short_description
    Inspect, copy, and live-edit CSS from any page with a compact floating overlay.
    Collaboratively inspect, copy, and live-edit CSS from any page.
  • Jun 5, 2026
    name
    CSS Explorer
    Pair CSS
  • May 29, 2026
    description
    CSS Explorer is a lightweight CSS inspection tool for Chrome. Click the extension icon, hover any page element, and instantly inspect the styles that shape it.
    
    Pin one or more style panels, copy CSS, and make temporary live edits directly on the page without opening DevTools.
    
    Built for frontend developers, designers, and people who often inspect real websites for layout, typography, spacing, and styling decisions.
    
    Features:
    
    - Hover any element to inspect its CSS
    - Pin multiple style popovers for comparison
    - Copy CSS from selected elements
    - Edit declarations directly in a compact CSS editor
    - View source styles and compact computed styles separately
    - Inspect active media/supports rules when available
    - Detect pseudo rules and pseudo-elements where the browser exposes them
    - Works across regular pages and many iframes
    
    CSS Explorer is intentionally simple: no accounts, no dashboard, no framework, no tracking UI. It focuses on fast CSS inspection and quick visual experimentation.
    CSS Explorer is a simple Chrome extension to inspect CSS.
    Hover over any page element, and immediately find the CSS that is applied to it.
    No need to go into DevTools, pin as many style panels as you want, compare different elements side-by-side, make changes and even copy the result into your project in one click.
    
    It is built for frontend developers, designers, anyone interested in inspecting layout and styling of real websites and apps.
    
    Features:
    
    - Inspect CSS applied to an element (or multiple ones)
    - Pin multiple style panels for comparisons
    - Reorganize panels on the page
    - Make changes to CSS right inside the editor and preview the result
    - Copy entire CSS for a selected element
    - Copy changes to an element's CSS
    - Copy all changes to CSS for all pinned elements at once
    - See both sources styles and compact computed styles
    - Find out the size and HTML attributes of the element
    - Inspect active @media or @supports rules
    - Detect pseudostates such as :hover, :focus, :active and other
    - Pseudo-elements like ::before or ::after
    - Light/dark theme support
    - Preserves preferences across sessions
    
    CSS Explorer doesn't require registration, sign-ins, frameworks or dashboards. Its core idea is simple - quickly inspect CSS, do some experiments and copy the result into your project.
  • May 22, 2026
    permissions
    activeTab, scripting, clipboardWrite
    activeTab, scripting, clipboardWrite, storage
  • May 16, 2026
    description
    CSS Explorer is a lightweight CSS inspection tool for Chrome. Click the extension icon, hover any page element, and instantly inspect the styles that shape it.
    
    Pin one or more style panels, copy CSS, and make temporary live edits directly on the page without opening DevTools.
    
    Built for frontend developers, designers, and people who often inspect real websites for layout, typography, spacing, and styling decisions.
    
    Features:
    
    Hover any element to inspect its CSS
    Pin multiple style popovers for comparison
    Copy CSS from selected elements
    Edit declarations directly in a compact CSS editor
    View source styles and compact computed styles separately
    Inspect active media/supports rules when available
    Detect pseudo rules and pseudo-elements where the browser exposes them
    Works across regular pages and many iframes
    Live edits affect only the current page session. They do not change website source files and disappear when the page is reloaded.
    
    CSS Explorer is intentionally simple: no accounts, no dashboard, no framework, no tracking UI. It focuses on fast CSS inspection and quick visual experimentation.
    CSS Explorer is a lightweight CSS inspection tool for Chrome. Click the extension icon, hover any page element, and instantly inspect the styles that shape it.
    
    Pin one or more style panels, copy CSS, and make temporary live edits directly on the page without opening DevTools.
    
    Built for frontend developers, designers, and people who often inspect real websites for layout, typography, spacing, and styling decisions.
    
    Features:
    
    - Hover any element to inspect its CSS
    - Pin multiple style popovers for comparison
    - Copy CSS from selected elements
    - Edit declarations directly in a compact CSS editor
    - View source styles and compact computed styles separately
    - Inspect active media/supports rules when available
    - Detect pseudo rules and pseudo-elements where the browser exposes them
    - Works across regular pages and many iframes
    
    CSS Explorer is intentionally simple: no accounts, no dashboard, no framework, no tracking UI. It focuses on fast CSS inspection and quick visual experimentation.
  • May 16, 2026
    short_description
    Inspect, copy, and live-edit CSS from any page with a CSS Scan-style overlay.
    Inspect, copy, and live-edit CSS from any page with a compact floating overlay.
  • May 16, 2026
    host_permissions
    (empty)
    <all_urls>

Permissions & access

Permissions
activeTabscriptingclipboardWritestorage
Host access
<all_urls>

Screenshots

CSSync screenshot 1CSSync screenshot 2

About

Pair CSS, formerly CSS Explorer, is a Chrome extension for inspecting and live-editing CSS directly on any webpage.

Hover over an element to see its styles, pin panels to compare elements side by side, edit CSS in place, and copy the result back into your project.

Pair CSS also lets you create collaborative rooms, so teammates can inspect the same page together, see each other's pinned panels, edits, cursors, and change history in real time.

Essential features:

- Inspect source CSS and compact computed styles
- Pin multiple style panels on the page
- Edit CSS live and preview changes instantly
- Copy an element's CSS or all session edits
- Create or join collaborative CSS rooms
- Share pinned panels, cursors, edits, and history with teammates
- Inspect element size, attributes, media/supports rules, and pseudo selectors when available
- Light and dark theme support

No sign-in required. Open a page, inspect, edit, collaborate, and copy the result.

Technical

Version
1.0.7
Manifest
V3
Size
80.84KiB
Min Chrome
88
Languages
1
Featured
No

Metadata

ID
calnihpedmokkhojbncklcnnfkifeoll
Developer ID
u3a9bd00aa07f710957938b41b8a0fe52
Developer Email
[email protected]
Created
May 10, 2026
Last Updated (Store)
Jun 7, 2026
Last Scraped
Jun 11, 2026
Website
theosoti.com
Support URL

Data sourced from the Chrome Web Store · last verified Jun 11, 2026.