Awesome
<div align="center"> <a href="https://luna.liriliri.io/" target="_blank"> <img src="https://luna.liriliri.io/icon.png" width="400"> </a> </div> <h1 align="center">Luna</h1> <div align="center">UI library.
Luna is yet another UI library, built to manage JS components that used often in my daily work. Simple components with styles only(no js involved) such as button, icon, will not be collected here.
Components
- box-model: Css box model metrics.
- carousel: Lightweight carousel.
- chart: HTML5 charts.
- command-palette: Command palette.
- console: Console for logging.
- cropper: Image cropper.
- data-grid: Grid for displaying datasets.
- dom-highlighter: Highlighter for html elements.
- dom-viewer: Dom tree navigator.
- editor: Wysiwyg editor.
- gallery: Lightweight gallery.
- image-list: Show list of images.
- image-viewer: Single image viewer.
- json-editor: JSON editor.
- keyboard: Virtual keyboard.
- log: Terminal log viewer.
- markdown-editor: Markdown editor with preview.
- markdown-viewer: Live markdown renderer.
- mask-editor: Image mask editing.
- menu: Simple menu.
- menu-bar Application menu bar.
- modal: Create modal dialogs.
- music-player: Music player.
- music-visualizer: Music visualization.
- notification: Show notifications.
- object-viewer: JavaScript object viewer.
- painter: Simple drawing tool.
- performance-monitor: Realtime counter used for displaying cpu, fps metrics.
- retro-emulator: Retro emulator using libretro.
- retro-handheld: Retro emulator with controls ui.
- scrollbar: Custom scrollbar.
- setting: Settings panel.
- shader-toy-player: Shader toy player.
- syntax-highlighter: Syntax highlighter using highlightjs.
- tab: Easy tabs.
- text-viewer: Text viewer with line number.
- toolbar: Application toolbar.
- video-player: Video player.
- window: HTML5 window manager.
All these components is published individually. You can use any of them by adding traditional scripts and style links or installing npm packages.