https://github.com/zernonia/nuxt-lego

NuxtLego is an open source UI component layer for building your Nuxt content quick & beautiful.
https://github.com/zernonia/nuxt-lego

component-library nuxt-layers nuxt3 primitives ui uikit vue3

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/zernonia/nuxt-lego
• Owner: zernonia
• License: mit
• Created: 2023-04-28T01:51:56.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-22T01:57:17.000Z (3 months ago)
• Last Synced: 2024-07-27T02:22:27.707Z (2 months ago)
• Topics: component-library, nuxt-layers, nuxt3, primitives, ui, uikit, vue3
• Language: Vue
• Homepage: https://nuxt-lego.vercel.app
• Size: 840 KB
• Stars: 222
• Watchers: 2
• Forks: 16
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        






  

    

  

  


  

  

  

  

  

  


  
NuxtLego


  
 

    Unstyled components for building your

Nuxt content quick & beautiful.

    


    


    View Demo

    ·

    Report Bug

    ·

    Request Feature

  


![NuxtLego](website/public/og.png)

# 📇 About The Project

This idea was inspired by [Radix Primitive](https://www.radix-ui.com/), as well as [Radix Vue](https://github.com/radix-vue/radix-vue). 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](https://nuxt-lego.vercel.app/docs/components/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

```bash

npm install --save-dev nuxt-lego

# Using yarn

yarn add --dev nuxt-lego

```

Requires Nuxt >= 3.1.0.

## Register Layer

_nuxt.config.ts_

```ts

export default defineNuxtConfig({

  extends: ['nuxt-lego'],

})

```

# 🔥 Contributors



  



 

# 🌎 Local Development

## Setup

Make sure to install the dependencies:

```bash

# pnpm

pnpm install

```

## Development Server

Start the development server on http://localhost:3000

```bash

pnpm run 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

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

# 📧 Contact

Zernonia - [@zernonia](https://twitter.com/zernonia)

# ☕ Support

If you like my work, please buy me a coffee 😳

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/yellow_img.png)](https://www.buymeacoffee.com/zernonia)