Vue Templates Logo Vue Templates
Keen UI screenshot

Keen UI

Author Avatar Theme by Josephuspaye
Updated: 8 Apr 2023
4089 Stars

A lightweight Vue.js UI library with a simple API, inspired by Google's Material Design.

Github Live Preview

Categories

Vite Scss

Overview

Keen UI is a Vue.js UI library inspired by Google’s Material Design. It focuses on providing interactive components that require Javascript and can be used with any page layout, structure, or CSS framework. The library does not include styles for a grid system or typography as it is not a CSS framework. Keen UI is compatible with browsers that have native ES2015 support. It offers customization options for theme colors, component sizes, default props, and more. Keen UI is open source and released under the MIT Licence.

Features

  • Vue.js UI library inspired by Google’s Material Design
  • Provides interactive components requiring Javascript
  • Can be used with any page layout, structure, or CSS framework
  • Compatible with browsers that have native ES2015 support
  • Customization options for theme colors, component sizes, default props, and more
  • Open source and released under the MIT Licence

Installation

To use Keen UI, you need to have Vue.js (v3) installed. If you are using Vue 1.x, you should use Keen UI version 0.8.9 while for Vue 2.x, use Keen UI version 1.x. Additionally, you can optionally include the Material Icons font for the UI components.

To install Keen UI:

  1. Add the CSS resets to your stylesheet to ensure proper rendering.
  2. Include the Keen UI CSS file in your project by adding a stylesheet link to the dist/keen-ui.min.css file.
  3. Add the Keen UI Javascript file to your project by adding a script tag pointing to the dist/keen-ui.min.js file.
  4. Keen UI is now available globally via window.KeenUI and can be used in your Vue app instance.

Summary

Keen UI is a Vue.js UI library inspired by Google’s Material Design. It offers a collection of interactive components that require Javascript and can be used with any page layout, structure, or CSS framework. Keen UI is compatible with browsers with native ES2015 support and provides customization options for various aspects such as theme colors and component sizes. It is open source and released under the MIT License.