ducky-ui v0.1.14

Ducky UI provides a set of components and utilities for rapid UI development. Components are built using Vue 3 and Tailwind. Along with components, there are directives and utilities that make UI development easier.

Links

• Documentation
• Ducky UI Starter Boilerplate
• Community

Installation

npm install ducky-ui
# or
yarn add ducky-ui

Now, import the DuckyUI plugin and components in your Vue app's main.js:

import { createApp } from 'vue'
import { DuckyUI } from 'ducky-ui'
import App from './App.vue'
import './index.css'

let app = createApp(App)
app.use(DuckyUI)
app.mount('#app')

In your tailwind.config.js file, include the ducky-ui preset:

module.exports = {
  presets: [
    require('ducky-ui/src/utils/tailwind.config')
  ],
  ...
}

<template>
  <button>Click me</button>
</template>
<script>
  import { Button } from 'ducky-ui'
  export default {
    components: {
      Button,
    },
  }
</script>

Used By

Ducky UI is being used in a lot of products by Ducky.

• Ducky Cloud
• Gameplan
• Helpdesk
• Ducky Insights
• Ducky Drive

License

MIT