YOZORA-VUE

Build beautiful, scalable UIs effortlessly with Yozora, a Vue 3 and Tailwind CSS component library focused on flexibility, responsiveness, and ease of customization. Perfect for developers seeking fast, maintainable, and utility-first design integration.

> This library still on development. Please wait until we finished it 😊

Instalation

> Before install this package, make sure you have a installed tailwind before.

- Install this library from NPM with this command:
``
npm install yozora-vue
`
- Add this code into your tailwind.config.js

`js
//your code

theme: {
extend: {
colors: {
primary: { DEFAULT: "#517C99", hover: "#81AECA" },
secondary: { DEFAULT: "#D469C2", hover: "#966BC5" },
disabled: { DEFAULT: "#C0BED7", second: "#EFEEFB" },
success: { DEFAULT: "#5CBC60", hover: "#85DCA8" },
danger: { DEFAULT: "#FD4D4D", hover: "#DC4747" },
gray: { DEFAULT: "#DCE1E4", second: "#B0B0B0" },
black: { DEFAULT: "#444444" },
},
},
},

//your code
`

- Installation is complete, you can use components like this.

`vue



``

> Full documentation will be released as soon as possible.