An open source UI component layer for building Nuxt content quick & beautiful

NuxtLego

Unstyled components for building your Nuxt content quick & beautiful.

View Demo

? 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

export default defineNuxtConfig({
  extends: [
    ...,
    "github:zernonia/nuxt-lego#alpha",    // Currently in Alpha stage
  ],
  alias: {
    "@vueuse/core": require.resolve("@vueuse/core/index.mjs"), // issue: https://github.com/nuxt/nuxt/issues/18448
  },
})

? 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

GitHub

View Github