mybar

KO | EN

gitlite — search

#javascript #python #ai #llm #go #golang #android #deep-learning #linux #nodejs #macos #awesome #awesome-list #security

(★ 19)

A custom menubar for Mac using Übersicht.

mybar 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# MyBar - Menubar for Mac

MyBar is a custom menubar for OSX. It has some basic customization to configure it to your liking. The reason for its creation was to develop a widget of my own and learn the basics of React.

This project should also help others get started as I tried to document as much as I could.

![screenshot](https://raw.githubusercontent.com/MrGVSV/mybar/master/screenshot.png)

## Features

### Battery Display <img src="images/battery.png" alt="battery" style="zoom: 67%;" />

A custom text-display representing battery life.

Displays alerts for when the computer is near dead or charging. Change the icons to whatever you want or disable them altogether. <img src="images/charging.gif" alt="battery-gif" style="zoom:50%;" />

### Spotify Integration <img src="images/spotify_with_icon.png" alt="spotify" style="zoom: 50%;" />

Displays the current song playing in the Spotify app, as well as some other info (including album art and the time left). The order of these components is customizeable, as is the time remaining icon.

### And More!

You can also display:

* Wifi (optionally with SSID)
* Time and Date
* The current application

### Colors!

Make your menu shine bright with customizeable colors!

![colors](https://raw.githubusercontent.com/MrGVSV/mybar/master/images/colorful.png)

### Shake It Up

Change the order of the widgets to your liking with a simple string:

```javascript
export const renderOrder = 'S-B';
```

![changed-order-1](https://raw.githubusercontent.com/MrGVSV/mybar/master/images/order-1.png)

```javascript
export const renderOrder = '-B-';
```

![changed-order-2](https://raw.githubusercontent.com/MrGVSV/mybar/master/images/order-2.png)

Or whatever you want! You can also place the bar at the bottom of your screen.

## Installation

Download and install Übersicht from their website: [http://tracesof.net/uebersicht/](http://tracesof.net/uebersicht/).

Then simply clone this repository into your Übersicht widgets folder.

```shell
git clone https://github.com/MrGVSV/mybar.git ~/Library/Application\ Support/Übersicht/widgets/mybar/
```

(Also be sure to set Automatically Hide and Show the Menu Bar in Preferences > General if you want to "replace" it.)

## Customization

You can do some basic customizations in the config.js file in the src folder. There is a lot of documentation there so feel free to play around. Or just dig into the files and come up with something of your own.

## Enjoy!

Fork it, learn with it, do whatever with it. Just remember to have fun!

Also, big thanks to the [original](https://github.com/callahanrts/bar) which gave me inspiration to create my own!

mybar

mybar 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

mybar

mybar 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README