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

https://github.com/BayBreezy/ui-thing

A set of components created with Radix-Vue. Inspired by shadcn/ui & shadcn-vue.
https://github.com/BayBreezy/ui-thing

nuxt-ui nuxt3 radix-vue shadcn-ui tailwindcss

Last synced: about 2 months ago
JSON representation

A set of components created with Radix-Vue. Inspired by shadcn/ui & shadcn-vue.

Awesome Lists containing this project

README

        

# UI Thing

Set of components created with Radix-Vue. Inspired by shadc/ui & shadcn-vue.

![Cover Image](/public/cover.png)

## Documentation

The documentation can be found here: https://ui-thing.behonbaker.com/

## Credits

- [shadcn/ui](https://ui.shadcn.com/)
- [Radix-Vue](https://www.radix-vue.com/)
- [TailwindCSS for Nuxt](https://tailwindcss.nuxtjs.org/)
- [Nuxt](https://nuxt.com/)
- [Nuxt UI](https://ui.nuxt.com/getting-started)

Thanks to the maintainers of the other third party libraries used in this project.

## 💸 Support Me

If you can 😊

Buy Me A Coffee

## Getting Started

- Create a Nuxt 3 project
- Install the dependencies
- Run the init command

```bash
npx ui-thing@latest init
```

- Start the dev server

```bash
npm run dev
```

- Add components to your project with the `add` command

```bash
npx ui-thing@latest add
```

## Commands

### `init`

```bash
npx ui-thing@latest init
```

This command will install the dependencies and add the required configuration to your project.

### `add`

```bash
npx ui-thing@latest add
```

This command will add the components to your project.

### `theme`

```bash
npx ui-thing@latest theme
```

This command will add the theme to your project.

### `prettier`

```bash
npx ui-thing@latest prettier
```

This command will add the prettier configuration to your project.

### `shortcuts`

```bash
npx ui-thing@latest shortcuts
```

This command will add the `defineShortcuts` & `useShortcuts` composables to your project.