# Nuxt UI | A UI Library For Modern Web Apps, Powered By Vue & Tailwind CSS

**URL:** <https://onehack.st/t/nuxt-ui-a-ui-library-for-modern-web-apps-powered-by-vue-tailwind-css/292566>\
**Category:** Tools & Scripts\
**Tags:** tools, programming, gaming\
**Created:** [October 1, 2024, 8:02pm UTC](https://onehack.st/t/nuxt-ui-a-ui-library-for-modern-web-apps-powered-by-vue-tailwind-css/292566 "2024-10-01T20:02:05Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![WhiteHat](https://onehack.st/user_avatar/onehack.st/whitehat/32/162514_2.png) [@WhiteHat](https://onehack.st/u/WhiteHat)\
**Post date:** [October 1, 2024, 8:02pm UTC](https://onehack.st/t/nuxt-ui-a-ui-library-for-modern-web-apps-powered-by-vue-tailwind-css/292566/1 "2024-10-01T20:02:06Z")

</div>

[![nuxt-ui.png](https://repository-images.githubusercontent.com/428329515/43fec891-9030-4601-8233-5d45ba5c6013)](https://ui.nuxt.com/)

# Nuxt UI

[![npm version](https://camo.githubusercontent.com/e88555d49fb9f8ebe233f54ba0b64d27cb7717032559e1e70155c749b2b297e6/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f406e7578742f75692f6c61746573742e7376673f7374796c653d666c617426636f6c6f72413d31383138314226636f6c6f72423d323843463844)](https://npmjs.com/package/@nuxt/ui) [![npm downloads](https://camo.githubusercontent.com/200f07fa77a6b64fabeca11ee2beb20f895e5e1fd9c6501036810600cfa957a1/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f406e7578742f75692e7376673f7374796c653d666c617426636f6c6f72413d31383138314226636f6c6f72423d323843463844)](https://npmjs.com/package/@nuxt/ui) [![License](https://camo.githubusercontent.com/0e6970f4b7d9fc84e19c465168212e7dc61d8900931380fa2fa41a2e6e215994/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f6e7578742f75692e7376673f7374796c653d666c617426636f6c6f72413d31383138314226636f6c6f72423d323843463844)](https://github.com/nuxt/ui/blob/main/LICENSE.md) [![Nuxt](https://camo.githubusercontent.com/7ea5b94fdb0222d1ad05a1a95d90063f34cc0eb7fa63b1bab72de5ee938309e4/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4e7578742d3138313831423f6c6f676f3d6e7578742e6a73)](https://nuxt.com/)

Nuxt UI is a module that provides a set of Vue components and composables built with [Tailwind CSS](https://tailwindcss.com/) and [Headless UI](https://headlessui.dev/) to help you build beautiful and accessible user interfaces.

Its goal is to provide everything related to UI when building a Nuxt app. This includes components, icons, colors, dark mode but also keyboard shortcuts.

## Features

- Built with [Headless UI](https://headlessui.dev/) and [Tailwind CSS](https://tailwindcss.com/)
- HMR support through Nuxt App Config
- Dark mode support
- Support for LTR and RTL languages
- Keyboard shortcuts
- Bundled icons
- Fully typed
- [Figma Kit](https://www.figma.com/community/file/1288455405058138934)

Read more on [ui.nuxt.com](https://ui.nuxt.com/)

## Installation

npx nuxi@latest module add ui

If you want latest updates, please use `@nuxt/ui-edge` in your `package.json`:

{ “devDependencies”: { “@nuxt/ui”: “npm:@nuxt/ui-edge@latest” } }

## Documentation

Visit [https://ui.nuxt.com](https://ui.nuxt.com/) to explore the documentation.

## Credits

- [nuxt/nuxt](https://github.com/nuxt/nuxt)
- [nuxt-modules/color-mode](https://github.com/nuxt-modules/color-mode)
- [nuxt-modules/tailwindcss](https://github.com/nuxt-modules/tailwindcss)
- [tailwindlabs/tailwindcss](https://github.com/tailwindlabs/tailwindcss)
- [tailwindlabs/headlessui](https://github.com/tailwindlabs/headlessui)
- [vueuse/vueuse](https://github.com/vueuse/vueuse)
- [egoist/tailwindcss-icons](https://github.com/egoist/tailwindcss-icons)

## Contributing

Thank you for considering contributing to Nuxt UI. Here are a few ways you can get involved:

- Reporting Bugs: If you come across any bugs or issues, please check out the reporting bugs guide to learn how to submit a bug report.
- Suggestions: Have any thoughts to enhance Nuxt UI? We’d love to hear them! Check out the [contribution guide](https://ui.nuxt.com/getting-started/contributing) to share your suggestions.

## Local Development

Follow the docs to [Set up your local development environment](https://ui.nuxt.com/getting-started/contributing#_2-local-development-setup) and contribute.

## License

Licensed under the [MIT license](https://github.com/nuxt/ui/blob/dev/LICENSE.md).

## GitHub:

[https://github.com/nuxt/ui](https://github.com/nuxt/ui)