Getting Started

New Projects

If you are starting a new Vite + Vue project you can use our automatic flyonui-vue installation tool create-flyonui-vue:

Already existing Projects

Make sure that you have FlyonUI and Tailwind CSS installed.

Install flyonui-vue as a dependency using NPM or Yarn by running the following command:

or

in order to use icons, @iconify/vue is required:

Import styles:

Now you can use flyonui-vue anywhere in your project by importing the components you need.