Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jd-solanki/anu

Anu - DX focused utility based vue component library built on top of UnoCSS & VueUse โšก๏ธ๐Ÿ”ฅ
https://github.com/jd-solanki/anu

components-library typescript typescript-library unocss vue vue-component-framework vue-component-library vue-components vue-ui-components vue-ui-framework vue-ui-library vue-utility-library vue3 vue3-component-framework vue3-component-library vue3-components vue3-library vue3-ui-framework vuejs

Last synced: 5 days ago
JSON representation

Anu - DX focused utility based vue component library built on top of UnoCSS & VueUse โšก๏ธ๐Ÿ”ฅ

Awesome Lists containing this project

README

        

> [!CAUTION]
> This library isn't maintained anymore. We recommend checking out other libraries like [shadcn-vue](https://www.shadcn-vue.com/) or [Nuxt UI](https://ui.nuxt.com/).



Anu

DX focused utility based vue component library



license


GitHub release


Twitter Follow

## Features โœจ

- ๐Ÿฅณ **DX Focused** - Use bare minimum code to build great UI
- โœŒ๐Ÿป **Flexibility** - With UnoCSS's arbitrary values and component customization, build desired UI in no time
- ๐Ÿ’Ž **[Pure CSS Icons](https://github.com/unocss/unocss/tree/main/packages/preset-icons/)** - Use any icon from the library you love
- โš™๏ธ **[Configurable UI](https://anu-vue.netlify.app/guide/base-components/typography.html#config-array)** - Customize UI via configurable array instead of writing component markup again
- ๐Ÿ–‹ **Neat & clean design** - Anu provides carefully crafted UI components to build stunning & professional UIs
- โšก๏ธ **Built using powerful tools** - [UnoCSS](https://github.com/unocss/unocss), [VueUse](https://github.com/vueuse/vueuse) & [Floating UI](https://github.com/floating-ui/floating-ui)
- ๐Ÿฆพ **Written in TypeScript**
- ๐Ÿงช **Hackable** - Anu is configurable via UnoCSS shortcuts. Want to create [bootstrap like buttons](https://anu-vue.netlify.app/guide/getting-started/customization.html#component-customization)? You can. ๐Ÿคฏ


> Anu means Atom in [Sanskrit](https://en.wikipedia.org/wiki/Sanskrit) โš›๏ธ


[![Try now badge](https://img.shields.io/badge/Try%20Now-CodeSandbox-hsl(265%2C97%25%2C66%25)?style=for-the-badge&logo=codesandbox)](https://codesandbox.io/p/github/jd-solanki/anu-demo/master)


## Installation ๐Ÿ› ๏ธ

Please refer to the [docs](https://anu-vue.netlify.app/guide/getting-started/installation.html)

## Future ๐Ÿ”ฎ

I will continue to develop this project if I get a positive response. I will introduce more components and amazing things like configurable array if I will be able to spend more time on OSS development.

Help me do full-time Open source by sponsoring me.

If you like this lib do give it a star or spread some words on Twitter.

Thanks ๐Ÿ™

## Sponsors



sponsors

## Credits

- [UnoCSS](https://github.com/unocss/unocss) - Anu depends on it
- [VueUse](https://github.com/vueuse/vueuse) - Anu depends on it
- [Floating UI](https://github.com/floating-ui/floating-ui) - Anu depends on it
- [Quasar](https://github.com/quasarframework/quasar) - Inspiration
- [Vuetify](https://github.com/vuetifyjs/vuetify) - Inspiration
- [Bootstrap](https://github.com/twbs/bootstrap) - Inspiration