Skip to content

skcript/dev-toolbar

Repository files navigation

devbar logo

Dev Toolbar

Dev Toolbar is a simple utility that runs in the browser to help you glance at your web application's performance.
Originally built for featureOS.

devtoolbar logo

A simple developer toolbar for react based apps.

Dev Toolbar Features

These are the metrics Dev Toolbar shows right now:

  • FPS
  • Memory
  • DOM elements size

Planned

These are some of the planned features. Also submit a new issue over here if you need some more to be incorporated.

  • Chrome Extension
  • Dark and light mode
  • Custom buttons
  • Areas (islands) to render whatever you want

Installation

npm install dev-toolBar

Usage

import React from 'react'
import DevToolBar from 'dev-toolBar'

const App = () => {
  return (
    <div>
      <h1>Hello World</h1>
      <DevToolBar />
    </div>
  )
}

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b feat-{feature-name}
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin feat-{feature-name}
  5. Submit a pull request :D

Sponsored by

featureOS logo