tailgrids vue

Компоненты пользовательского интерфейса vue.js для Tailwind CSS - Tailgrids Vue

Добро пожаловать в версию Tailgrids Vue.js. Tailgrids Vue.js Free Core Version предлагает широкий спектр высококачественных компонентов и блоков пользовательского интерфейса Vue.js, идеально подходящих для создания современных веб-сайтов, целевых страниц и веб-приложений, используя силу CSS и Vue.js. Благодаря последовательному дизайну и обширной коллекции важных элементов пользовательского интерфейса, Tailgrids Vue предоставляет все необходимое для создания потрясающих пользовательских интерфейсов в ваших проектах Vue.js.

Tailgrids Vue поставляется со всеми необходимыми функциями интеграции для беспрепятственного использования этих компонентов в вашем приложении vue.js. Разработаете ли вы одностраничные приложения, прогрессивные веб-приложения или приложения на стороне сервера с использованием Vue.js, не стесняйтесь использовать Vue Tailgrids для ваших личных или коммерческих проектов.

Начиная

Чтобы начать использовать Tailgrids Vue, выполните эти шаги, чтобы правильно настроить его в проекте Vue.js.

1. Установите Tailgrids, выполнив следующую команду:

npm install tailgrids

2. Добавьте Tailgrids в свой файл tailwind.config.js :

 module . exports = {
  content : [ "./*.html" , "./ecommerce/*.html" , "./assets/**/*.js" ] ,
  theme : { } ,
  variants : {
    extend : { } ,
  } ,
  plugins : [ require ( "tailgrids/plugin" ) ] ,
} ;

3. Просмотрите доступные компоненты и выберите нужные фрагменты кодовой базы VUE, которые вы хотите использовать в своих проектах. Просто скопируйте и вставьте их!

4. Чтобы просмотреть изменения локально, запустите сервер разработки с помощью этой команды:

npm run dev

Исследуйте все компоненты

? Посетите веб -сайт

? Документация

? Лицензия

Core Core Tailgrids Vue на 100% бесплатно! и с открытым исходным кодом вы можете использовать его с помощью своих личных или коммерческих проектов.