Tailwind Resources Logo Tailwind Resources
Mijin screenshot

Mijin

Author Avatar Theme by Lecoueyl
Updated: 24 May 2022
202 Stars

Tailwind CSS UI components build for Vue.js / Nuxt.js

Github Live Preview

Categories

Nuxt Vue Ui kits & component libraries

Overview

The Mijin Tailwind CSS UI components are specially built for Vue.js 2.x/Nuxt.js 2.x. It offers a wide range of components with a unique component style relying on Tailwind CSS presets. The components are designed to be responsive and support both dark and light mode. One of the key highlights of Mijin is that it has no dependencies, making it lightweight and easy to integrate into any project.

Features

  • Component style uniquely based on Tailwind CSS presets: Mijin uses Tailwind CSS presets classes to style its components, providing a consistent and visually appealing design.
  • Responsive: The components are designed to be responsive, adapting to different screen sizes and devices.
  • Dark and light mode support: Mijin supports both dark and light mode, allowing users to customize the appearance of the components based on their preferences.

Installation

To install the Mijin Tailwind CSS UI components, follow these steps:

  1. Make sure you have tailwindcss version 2.0 or higher already present in your application.
  2. Add the mijin dependency to your project.
  3. Include the mijin Tailwind CSS preset file tailwind-preset.js in your tailwind.config.js file.
  4. Load the plugin in your Vue.js or Nuxt.js application by following the specific instructions provided in the documentation.

For Vue.js:

  • Add the mijin.js file to your plugins directory.
  • Load the plugin from nuxt.config.js.

For Nuxt.js:

  • Add the mijin.js file to your plugins directory.
  • Load the plugin from nuxt.config.js.

For detailed instructions and code snippets, refer to the official documentation.

Summary

The Mijin Tailwind CSS UI components provide a great solution for developers working with Vue.js 2.x or Nuxt.js 2.x. With its unique styling based on Tailwind CSS presets, responsive design, and support for dark and light mode, Mijin offers a versatile and customizable set of components. Its lightweight nature and lack of dependencies make it easy to integrate into any project. Overall, Mijin is a valuable tool for building beautiful and responsive user interfaces using Vue.js or Nuxt.js.