Carbon Devtools V10
A basic set of tools for teams building live Carbon pages for Carbon v10.
As of June 2026, Carbon Devtools V10 has 1,000 users and a 5.00/5 rating from 1 reviews in the Developer Tools category.
Usersup 0.7 percent+0.7%
1.0K
1,000
Ratingno change0%
5.00
1 reviews
Reviewsno change0%
1
Version
2.8.6
Manifest V3
90-day change · In the last 90 days this extension 1 version update.
History
4 snapshotsTracking since Apr 23, 2026.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| Apr 23, 2026 | 993 | 5.00 | 1 | 2.8.4 |
| May 13, 2026 | 995 | 5.00 | 1 | 2.8.4 |
| Jun 8, 2026 | 998 | 5.00 | 1 | 2.8.4 |
| Jun 13, 2026 | 997 | 5.00 | 1 | 2.8.6 |
| Now | 1.0K | 5.00 | 1 | 2.8.6 |
Permissions & access
- Permissions
- activeTabstoragescripting
- Host access
- https://*.mybluemix.net/*, https://*.carbondesignsystem.com/*
Screenshots
About
Carbon Devtools provides designers, developers, and QA teams collaborating to build Carbon pages with a simple toolset. The tool helps visualize Carbon's 2x grid over any live page, and provides basic insights into the usage of components and patterns on a given page to help users understand how the Carbon Design System is being used. Align to grid Use the grid overlay to lay the 2x and mini unit grids on top of your live page to quickly check its alignment and layout. Identify tokens Switch between a number of options like color, spacing, and typography to quickly identify Carbon’s usage. Component list Quickly get an inventory of all the Carbon components being used within a live page.
Technical
- Version
- 2.8.6
- Manifest
- V3
- Size
- 281KiB
- Min Chrome
- 121
- Languages
- 1
- Featured
- Yes
Metadata
- ID
- oejjaglcafcolafkjecfkoojgnpfpgca
- Developer ID
- u0f5e4026df8df92d4e4a19f6a7bdfb11
- Developer Email
- [email protected]
- Created
- Oct 5, 2019
- Last Updated (Store)
- May 28, 2026
- Last Scraped
- Jun 13, 2026
- Website
- —
- Privacy Policy
- https://www.ibm.com/privacy
Similar extensions
Alternatives to Carbon Devtools V10, ranked by description similarity.
Pixel Grid Overlay
Toggle a pixel grid overlay with adjustable spacing on any webpage. Press Command + Shift + L.
49
Grid Overlay
A precision grid tool that helps UI Designers and Front-End Developers slice designs into clean, accurate code—faster and easier.
52
Designer's Little Helper
Developer & designer toolkit: Grid, CSS Inspector, Color Picker, Contrast Checker, Responsive Testing & more.
20
Grid System
Grid System is a simple, beautiful and interactive grid generator.
4.0K
★ 5.0
Designer Tools
A collection of tools to help you design and develop websites with precision.
80.0K
★ 4.6
C-React
A Chrome Extension tool that visualizes React rendering of components
110
★ 5.0
Grid Overlay Tool
Add customizable grid overlays to any webpage for alignment checking
200
★ 5.0
r12: grid overlay & layout inspector
Inspect spacing, margins, alignment, and responsive layouts on any website or design tool.
40
Data sourced from the Chrome Web Store · last verified Jun 13, 2026.