https://github.com/fantasyflip/nuxtwind

Component Library for Nuxt 3 using TailwindCSS
https://github.com/fantasyflip/nuxtwind

components library nuxt nuxtwind tailwindcss vue

Last synced: 2 months ago
JSON representation

Component Library for Nuxt 3 using TailwindCSS

• Host: GitHub
• URL: https://github.com/fantasyflip/nuxtwind
• Owner: fantasyflip
• License: mit
• Created: 2022-11-29T12:39:23.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-15T15:18:26.000Z (3 months ago)
• Last Synced: 2024-11-10T09:32:39.300Z (2 months ago)
• Topics: components, library, nuxt, nuxtwind, tailwindcss, vue
• Language: Vue
• Homepage: https://nuxtwind.com
• Size: 2.61 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# NuxtWind Component Library

NuxtWind is a component library for Nuxt.js 3, providing a collection of ready-to-use components built with Vue.js and TailwindCSS. These components are designed to be SSR-safe and are inspired by the sleek design principles of Vuetify.

## 📦 Installation

You can install NuxtWind via npm:

```bash

npm i @nuxtwind/components

```

Add the `@nuxtwind/components` module to your `nuxt.config.ts`:

```typescript

export default defineNuxtConfig({

    modules: ['@nuxtwind/components']

})

```

## 📚 Documentation

For full documentation and usage instructions, please visit [NuxtWind Documentation](https://nuxtwind.com).

## ✨ Features

- **Ready-to-use Components**: A variety of components designed for rapid development.

- **SSR-Safe**: Ensures compatibility with server-side rendering in Nuxt.js applications.

- **Inspired by Vuetify**: Draws design inspiration from Vuetify's intuitive UI components.

- **Built with Vue.js and TailwindCSS**: Utilizes the power of Vue.js for interactivity and TailwindCSS for styling flexibility.

## 🚀 Getting Started

To start using NuxtWind components in your Nuxt.js project, simply install the package via your preferred package manager as shown above. Then you can start incorporating them into your templates.

```vue

// In your Nuxt.js component

  


    Click me!

  


function handleClick() {

  console.log('Button clicked!');

}

```

## 🤝 Contribution

Contributions to NuxtWind are welcome! If you'd like to contribute new features, bug fixes, or improvements, please fork the repository, make your changes, and submit a pull request. Be sure to follow the contribution guidelines outlined in the documentation.

## 📄 License

NuxtWind is licensed under the MIT License. See the [LICENSE](LICENSE) file for more information.