https://github.com/overskul/better-ui

Make Acode look better with the Better UI plugin. This tool lets you change how Acode looks and works.
https://github.com/overskul/better-ui

acode acode-editor better-ui ui

Last synced: 3 months ago
JSON representation

Make Acode look better with the Better UI plugin. This tool lets you change how Acode looks and works.

• Host: GitHub
• URL: https://github.com/overskul/better-ui
• Owner: overskul
• License: mit
• Created: 2024-09-18T10:41:54.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-24T14:26:16.000Z (over 1 year ago)
• Last Synced: 2025-02-14T14:40:29.165Z (over 1 year ago)
• Topics: acode, acode-editor, better-ui, ui
• Language: SCSS
• Homepage: https://acode.app/plugin/x.better.ui
• Size: 215 KB
• Stars: 5
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![BetterUI](https://github.com/user-attachments/assets/3ec62de8-becf-4b17-a5ab-c4632db19eb6)

![GitHub Repo Shield](https://img.shields.io/github/repo-size/overskul/better-ui?color=yellow&label=Size&style=for-the-badge)

![License](https://img.shields.io/github/license/overskul/better-ui?color=yellow&style=for-the-badge)

![GitHub Stars](https://img.shields.io/github/stars/overskul/better-ui?color=yellow&style=for-the-badge)

![Version](https://img.shields.io/github/v/release/overskul/better-ui?color=yellow&style=for-the-badge)

![Downloads](https://img.shields.io/badge/dynamic/json?color=yellow&label=Downloads&query=downloads&url=https://acode.app/api/plugin/x.better.ui/&style=for-the-badge)

Enhance your Acode editor experience with customizable UI styles.

> [!WARNING]

> Version `1.9.0` comes with breaking changes in api for improvements, please check new [documention here](https://github.com/overskul/better-ui/blob/main/documention.md).

## Features ✨

- **Multiple UI Styles**: Choose from predefined UI enhancements

- **Custom CSS Support**: Add your own CSS rules with live reload

- **Toggleable Features**: Enable/disable specific UI components

## Usage 🚀

#### **Access Settings**

1. Go to Settings → Plugins

2. Find BetterUI in the list

3. Click the settings icon

#### **Toggle UI Components**

- Check/uncheck features in the settings list

- Changes apply immediately

#### **Custom CSS**

1. Click "Edit CustomCSS" in plugin settings

2. Edit the `BetterUI.custom.css` file

3. Save changes (auto-reloads styles)

## Support ❤️

Found this plugin useful? Consider:

- Leaving a ⭐ rating in the [plugin page](https://acode.app/plugin/x.better.ui) and [GitHub](https://github.com/overskul/better-ui)

- Reporting issues on [GitHub](https://github.com/overskul/better-ui)

- Contributing improvements

- 

## Development 🤖

Contributions are welcome. Please open issues/pull requests on [GitHub](https://github.com/overskul/better-ui) for:

- New UI component suggestions

- CSS conflict reports

- Feature requests

## License 📜

This plugin is under [MIT License](./LICENSE).

## Plugin API 📍

**The plugin comes with a powerful API, making it easy for users and developers to integrate and customize.** For detailed instructions and examples, check out the [documentation here](./documentation.md).