Skip to content

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

License

Notifications You must be signed in to change notification settings

zernonia/nuxt-lego

Repository files navigation


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 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.

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

Setup

Make sure to install the dependencies:

# pnpm
pnpm install

Development Server

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

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

☕ Support

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

"Buy Me A Coffee"