Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/skcript/dev-toolbar
A friendly developer toolbar.
https://github.com/skcript/dev-toolbar
developer-tool developer-tools react-toolbar
Last synced: about 2 months ago
JSON representation
A friendly developer toolbar.
- Host: GitHub
- URL: https://github.com/skcript/dev-toolbar
- Owner: skcript
- License: mit
- Created: 2024-04-03T10:00:58.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-06-18T20:52:01.000Z (6 months ago)
- Last Synced: 2024-10-08T09:54:37.937Z (2 months ago)
- Topics: developer-tool, developer-tools, react-toolbar
- Language: TypeScript
- Homepage: https://featureos.app
- Size: 996 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
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.
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](https://github.com/skcript/dev-toolbar/issues/new) over here if you need some more to be incorporated.
- [Chrome Extension](https://github.com/skcript/dev-toolbar/issues/3)
- Dark and light mode
- Custom buttons
- Areas (islands) to render whatever you want
## Installation
```bash
npm install dev-toolBar
```
## Usage
```jsx
import React from 'react'
import DevToolBar from 'dev-toolBar'
const App = () => {
return (
Hello World
)
}
```
## 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
