Minimal Functional UI Components Library For Vue.js – Oruga

Oruga is a lightweight yet functional UI components library for Vue.js 2 and 3 developers.

Components Included:

  • Autocomplete
  • Button
  • Checkbox
  • Collapse
  • Dropdown
  • Field
  • Icon
  • Input
  • Loading
  • Modal
  • Pagination
  • Radio
  • Select
  • Sidebar
  • Skeleton
  • Slider
  • Steps
  • Switch
  • Table
  • Tabs
  • Tooltip
  • Upload

Import:

// Vue.js 2
import Vue from 'vue';
import Oruga from '@oruga-ui/oruga';
import '@oruga-ui/oruga/dist/oruga.css';
Vue.use(Oruga);

// Vue.js 3
import { createApp } from 'vue'
import Oruga from '@oruga-ui/oruga-next';
import '@oruga-ui/oruga-next/dist/oruga.css';
createApp(...).use(Oruga);

Previews:

Oruga Tooltip

Tooltip

Oruga Skeleton

Skeleton

Oruga Modal

Modal

Oruga Form Fields

Form Fields

Oruga Buttons

Buttons

Changelog:

v0.5.6 (09/07/2022)

  • feat(checkbox): add v-bind to native input
  • feat: export individual components
  • feat: close all programmatic components
  • bugfix

v0.5.5 (03/24/2022)

  • feat(tooltip): emit ‘close’ and ‘open’ events
  • feat(tabs): improve a11y
  • feat(dropdown): improve a11y
  • feat(collapse): improve a11y
  • feat(table): improve rendering
  • feat: return promise when loading and notification programmatic
  • feat(modal): add a promise return to the programmatic modal
  • bugfixes

v0.5.4 (02/21/2022)

  • feat(datepicker): add selectListClasses prop
  • feat(dropdown): add itemTag and menuTag props to autocomplete menu tag
  • bugs fixed

v0.5.3 (01/28/2022)

  • feat(table): add draggable-column prop
  • add support to Nuxt 3
  • bugfixes

v0.5.2 (01/10/2022)

  • Bugfixes

v0.5.1 (01/08/2022)

  • fix: change configuration and defaults in Notification
  • fix: carousel config

Download Details:

Author: oruga-ui

Live Demo: https://oruga.io/documentation/

Download Link: https://github.com/oruga-ui/oruga/archive/develop.zip

Official Website: https://github.com/oruga-ui/oruga

Install & Download:

// Vue.js 2
npm install @oruga-ui/oruga

// Vue.js 3
npm install @oruga-ui/oruga-next

Add Comment