/nuxt-lego

NuxtLego is an open source UI component layer for building your Nuxt content quick & beautiful.

Primary LanguageVueMIT LicenseMIT


Logo

NPM version NPM Downloads GitHub stars

NuxtLego

Unstyled components for building your Nuxt content quick & beautiful.

View Demo ยท Report Bug ยท Request Feature

NuxtLego

๐Ÿ“‡ About The Project

This idea was inspired by Radix Primitive, as well as Oku UI. I wanted to try and create a non-generic component, but using Radix's primitive approach. One example of non-generic component is Static Tweet.

This project also serve as a playground for me to learn and utilize more of Vue's provide/inject API.

Do let me know what component you have in mind that you are longing for ya!

Getting started

Install

npm install --save-dev nuxt-lego

# Using yarn
yarn add --dev nuxt-lego

Requires Nuxt >= 3.1.0.

Register Layer

nuxt.config.ts

export default defineNuxtConfig({
  extends: ["nuxt-lego"],
});

๐Ÿ”ฅ Contributors

๐ŸŒŽ Local Development

Prerequisites

Yarn

  • npm install --global yarn

Development

  1. Clone the repo

    git clone https://github.com/zernonia/nuxt-lego.git
  2. Install NPM packages

    yarn install
  3. Run Development instance

    yarn dev

โž• Contributing

Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

๐Ÿ“œ License

Not Associated with Supabase.

Distributed under the MIT License. See LICENSE for more information.

๐Ÿ“ง Contact

Zernonia - @zernonia

โ˜• Support

If you like my work, please buy me a coffee ๐Ÿ˜ณ

"Buy Me A Coffee"