jxnblk / React X Ray
Licence: mit
React CSS Layout Debugger
Stars: ✭ 579
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React X Ray
Platformio Core
PlatformIO is a professional collaborative platform for embedded development 👽 A place where Developers and Teams have true Freedom! No more vendor lock-in!
Stars: ✭ 5,539 (+856.65%)
Mutual labels: debug
Probe Rs
A debugging toolset and library for debugging embedded ARM and RISC-V targets on a separate host
Stars: ✭ 435 (-24.87%)
Mutual labels: debug
Responsive Grid Of Hexagons
CSS responsive grid of hexagons
Stars: ✭ 481 (-16.93%)
Mutual labels: layout
Ktcenterflowlayout
Aligns collection view cells to the center of the screen.
Stars: ✭ 446 (-22.97%)
Mutual labels: layout
Avalondock
Our own development branch of the well known WPF document docking library
Stars: ✭ 518 (-10.54%)
Mutual labels: layout
Boxx
Tool-box for efficient build and debug in Python. Especially for Scientific Computing and Computer Vision.
Stars: ✭ 429 (-25.91%)
Mutual labels: debug
Bubbletab
Put some bubble in your tabs and give your apps a supa fresh style !
Stars: ✭ 537 (-7.25%)
Mutual labels: layout
Bugsnag Php
Bugsnag error monitoring and crash reporting tool for PHP apps
Stars: ✭ 475 (-17.96%)
Mutual labels: debug
Svelte Grid
A responsive, draggable and resizable grid layout, for Svelte.
Stars: ✭ 473 (-18.31%)
Mutual labels: layout
Waterfall.js
Tired of use creepy hacks or heavy ways to get a Grid based on Pinterest?
Stars: ✭ 458 (-20.9%)
Mutual labels: layout
Weather Cal
This is a Scriptable widget that lets you display, position, and format multiple elements, including dates and events, weather information, battery level, and more. You can even create your own elements.
Stars: ✭ 521 (-10.02%)
Mutual labels: layout
Sequence Layout
A vertical sequence UI component for Android
Stars: ✭ 444 (-23.32%)
Mutual labels: layout
Pyocd
Open source Python library for programming and debugging Arm Cortex-M microcontrollers
Stars: ✭ 550 (-5.01%)
Mutual labels: debug
Remotedebug
Library for Arduino to debug projects over WiFi, with web app or telnet, with print commands like Serial Monitor
Stars: ✭ 467 (-19.34%)
Mutual labels: debug
Vue Masonry
💠 Vue.js directive for masonry blocks layouting ✅
Stars: ✭ 509 (-12.09%)
Mutual labels: layout
Shadowlayout
This library allows you to create a shadow effect for your layout based on your child.
Stars: ✭ 553 (-4.49%)
Mutual labels: layout
React X-Ray
React CSS Layout Debugger
npm i react-x-ray
Demo: http://jxnblk.com/react-x-ray
Usage
import React from 'react'
import XRay from 'react-x-ray'
const App = props => (
<XRay>
<div style={{ padding: 32 }}>
<h1>Look at me!</h1>
</div>
</XRay>
)
Props
-
grid(number or boolean) pixel dimensions of background grid -
outline(boolean) show element outlines -
center(boolean) center the background grid -
color(string) base color for grid and outlines -
backgroundColor(string) background color of XRay component
Inspired by Tachyons X-RAY
MIT License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].