Vue Nuxt | IT Libs | RU
13 subscribers
201 photos
197 links
Плагины, пакеты и примеры на Vue.js
Download Telegram
Конструктор форм с открытым исходным кодом, ориентированный на конфиденциальность и основанный на понятиях

Formulation - это открытое программное обеспечение для создания форм, которое защищает конфиденциальность пользователей. Оно включает в себя редактор, подобный Notion, и поддерживает различные типы вопросов. Пользователи могут легко отправлять формы, и их ответы удобно просматривать. Кроме того, Formulation предлагает множество настроек, таких как темная тема, кастомизация и поддержка нескольких языков, и также может быть интегрировано с другими сервисами через Make и Zapier.

Github
Персональный сокращатель URL-адресов, созданный с использованием Nuxt, Supabase, Vercel и TailwindCSS

Проект yumi.to представляет собой персональный URL-сокращатель, построенный с использованием Nuxt, Supabase, Vercel и TailwindCSS. Для установки данного проекта требуется наличие доменного имени, создание проекта в Supabase и добавление таблицы с необходимыми столбцами. После этого проект можно задеплоить, добавив необходимые переменные окружения, и настроить аутентификацию с использованием GitHub. Также можно добавить политики безопасности на уровне строк, чтобы предотвратить несанкционированный доступ к данным.

Github
Текстовый редактор, встроенный в браузер

X Editor - это текстовый редактор, встроенный в браузер. Он имеет доступ к локальной файловой системе пользователя и предварительный просмотр файлов формата Markdown. В данный момент мы поддерживаем браузеры на основе Chromium (такие как Chrome, Edge и Opera). Для установки зависимостей вам потребуется выполнить команду npm install, а для запуска сервера разработки - npm run dev. Если вы хотите внести вклад в проект, вы можете сделать форк этого репозитория и создать pull request. Пожалуйста, перед внесением изменений в код ознакомьтесь с файлом STYLE-GUIDE.md. Лицензия проекта - GPLv3.

Github
Продемонстрируйте концепцию, сочетающую использование с Vue и LLM для браузерного AI UX

Этот пакет из GitHub - ai.vue concept demo, демонстрирует интеграцию Vue.js с OpenAI ChatGPT (LLM) и создание уникального пользовательского опыта веб-сервиса, позволяющего выполнять задачи через общение. Демонстрация реализует простую бизнес-логику: пользователи выбирают товары, должны войти в систему для оформления заказа, после чего могут перейти на страницу оформления заказа. Возможности искусственного интеллекта через Vue включают завершение процесса покупки через чат, отображение соответствующих интерфейсов и вызов определенных функций в соответствии с бизнес-логикой, понимание страниц и элементов веб-сайта, навигация пользователей и предоставление объяснений. Основная цель - развивать это в будущем в пакет.


Github
Простое приложение с белым шумом, которое находится в строке меню

Hawa - это легкое приложение для macOS, которое воспроизводит окружающие звуки, чтобы помочь вам сосредоточиться или расслабиться. Он предлагает множество звуков, таких как дождь, гром, ветер, костер, кофейня, волны и лес, что позволяет вам создавать свой собственный индивидуальный микс. Приложение создано с использованием таких технологий, как Tauri, Vue 3, Tailwindcss, Howler.js , и Radix Vue. Чтобы запустить приложение, в вашей системе должны быть установлены Rust и Node, и вы можете запустить сервер разработки, клонировав репозиторий и выполнив такие команды, как yarn install и yarn tauri dev. Для создания приложения вы можете использовать yarn tauri build с дополнительными опциями. Более подробную информацию можно найти по адресу https://tauri.app/v1/api/cli/#build .

Github
Веб-сайт архива лекций с использованием Vue.js

Этот пакет из GitHub представляет собой веб-сайт, предназначенный для участников сервера Discord по изучению в университете с целью упростить процесс доступа к лекционным заметкам и материалам. Он предлагает удобное размещение архивированного контента, упрощает поиск и просмотр лекций. Помимо этого, предоставляется возможность внесения вклада в проект, следуя определенным шагам. Для запуска проекта локально необходимо клонировать репозиторий на свой компьютер, установить необходимые зависимости и запустить сервер. Проект имеет лицензию MIT и предоставляет контактные данные для вопросов и поддержки.

Github
Программа просмотра 3D-моделей Directus с Vue.js

Пакет Directus 3D Model Viewer представляет собой расширение для Directus, которое встраивает элемент в пользовательский интерфейс Directus в качестве панели, отображения и конечной точки (для использования с живыми превью). Расширения позволяют отображать 3D-модель в различных местах пользовательского интерфейса Directus. Все расширения требуют загрузки файлов 3D-модели в хранилище файлов Directus, и на данный момент они проверены только с использованием файлов в формате *.glb.
Расширение Model Viewer Endpoint позволяет получить виджет просмотра полноэкранной 3D-модели, который можно встраивать как iframe практически в любое место. Настройки виджета просмотра модели конфигурируются с помощью параметров запроса URL.

Github
Альтернативная панель администратора для баз данных CrateDB

Пакет CrateDB Alt Panel версии 0.0.3 представляет собой административную панель для работы с базой данных CrateDB. Для установки проекта необходимо выполнить команду yarn, npm или pnpm install. Для запуска приложения можно использовать Docker, а также нужно указать опцию http.cors.allow-origin при старте кластера, чтобы разрешить доступ к API CrateDB.

Github
Расширение Chrome с Vue.js чтобы эффективно отслеживать время получения билетов Redmine

Данный пакет из GitHub представляет собой расширение для Chrome с использованием Vue.js, предназначенное для эффективного отслеживания времени для задач в Redmine. Оно позволяет создавать таймеры с помощью горячих клавиш, а также имеет несколько таймеров для одной задачи, поиск по задачам в реальном времени, конвертер CSV в таблицу Redmine, интеграцию с API Redmine, функцию комментирования задач и чистый дизайн интерфейса. Пакет также содержит инструкции по установке и настройке расширения.

Github
Клиент Spotify, созданный с помощью vue.js и vuex

Данный пакет из GitHub представляет собой клиент Spotify, построенный с использованием фреймворка Vue.js и библиотеки Vuex. Авторизованные пользователи должны иметь действующую подписку на Spotify Premium, так как без нее Web Playback SDK не будет работать. Возможности пакета включают авторизацию, вход и выход из аккаунта, обновление токена; поиск информации в каталоге Spotify о песнях, альбомах, артистах или плейлистах по ключевому слову; просмотр новых релизов и категорий; управление плейлистами пользователя; подписка и отписка от плейлистов; управление проигрывателем, включая установку громкости, пропуск треков, перемотку, режим повтора и перемешивание. Подробнее о функциях можно узнать на страницах Spotify web API и Web Playback SDK.

Github
Приложение Vue для извлечения данных из API

Apidex - это приложение, которое позволяет пользователям извлекать данные из API, выступая альтернативой таким инструментам, как Postman. Это позволяет пользователям выполнять различные HTTP-запросы, управлять заголовками и отправлять тела запросов. Чтобы запустить Apidex, пользователям необходимо иметь Node.js и Yarn установлены, и они могут получить доступ к живому приложению на Apidex - Live Demo. Приложение предлагает такие функции, как создание различных типов HTTP-запросов, управление заголовками запросов и проверка их, отправка текстов запросов в различных форматах и просмотр ответов в удобном для пользователя формате. Пользователи также могут оставлять отзывы или вносить свой вклад в проект на GitHub.

Github
Преобразуйте данные в представление с помощью базовых диаграмм

BaseCharts - это плагин для Baserow, который позволяет превращать таблицы с данными в наглядные диаграммы с минимальными усилиями. Он помогает преобразовать данные в информацию, которая помогает в понимании и принятии решений. Установка этого плагина требует следования инструкциям по установке Baserow Plugin.

Github
Панель администратора для платформы GetTalim с vue.js

Этот пакет на GitHub представляет собой административную панель для проекта "GetTalim". В нем есть страница категорий с возможностью создания и обновления категорий на трех языках: узбекском, английском и русском. Есть также страницы для просмотра и управления данными студентов, наставников и курсов. Кроме того, пакет позволяет установить необходимые зависимости и скомпилировать код с возможностью горячей перезагрузки на этапе разработки.

Github
Компонент range vue, поддерживающий один или несколько thumb

Vue Range Multi - это компонент Vue для выбора диапазона значений с поддержкой одной или нескольких ползунков. Он автоматически определяет тип модели и отображает соответствующие ползунки. Компонент поддерживает динамическое добавление или удаление ползунков, а также предотвращает появление дубликатов. Он имеет настраиваемый стиль и тему, поддерживает темный режим и позволяет отобразить контент над или под ползунком.

Github
Приложение Cloudflare Domains Manager, созданное с использованием Vue.js

Этот пакет из Github представляет собой приложение Cloudflare Domains Manager, которое позволяет управлять доменами в Cloudflare. Оно построено на фронтенде Vue.js и бэкенде Python Flask. Для установки и настройки данного приложения необходимо установить несколько зависимостей, а также указать настройки окружения. Затем можно запустить разработческий сервер и получить доступ к приложению по локальному адресу. Участие в вызове, подробные инструкции и шаблоны запросов на исправления также предоставляются.

Github
Инструмент для обработки PDF-файлов, созданный с помощью Vue.js

PDF InBrowser.App - это инструмент для работы с PDF-файлами, полностью функционирующий в браузере без отправки данных на сервер. Быстрый, безопасный и работающий в офлайн-режиме. Особенности представленного пакета: все операции выполняются в браузере без риска для конфиденциальности, работа в офлайн-режиме с использованием PWA, совместимость с современными браузерами и устройствами, отсутствие необходимости в серверной части благодаря статическим файлам. Для разработки предоставляются команды npm run dev для запуска сервера разработки и npm run build для сборки в папку dist/.

Github
Стабильный веб-интерфейс генератора диффузионных изображений с использованием сети Crynux

Этот пакет из GitHub представляет собой веб-приложение, которое позволяет пользователям генерировать изображения в браузере с помощью Stable Diffusion. Приложение подключается к Crynux Network для использования удаленных графических процессоров, так что пользователи могут использовать приложение на любых устройствах без наличия собственных ГПУ. Все блокчейн и токен операции обрабатываются на сервере, для конечных пользователей это просто традиционное и удобное веб-приложение.

Github
Автономное решение для размещения ваших плагинов и расширений для игровых серверов cs2

Пакет ResourceMod content registry представляет собой решение для хостинга плагинов и расширений для игровых серверов cs2. В данном пакете предусмотрена возможность хранения контента в репозиториях Git, в частности на GitHub. С помощью веб-интерфейса пользователи могут создавать учетные записи, управлять пользователями, добавлять плагины и расширения, а также управлять интеграцией с Git. Разработчики также могут вносить свой вклад в развитие пакета, создавая задачи, форкая репозиторий и создавая pull-запросы.

Github
Настраиваемый компонент Vue для ввода ползунка диапазона

Этот пакет из GitHub представляет собой настраиваемый Vue-компонент для ползунка ввода диапазона. Он предоставляет возможность использовать статические или динамические шаги, а также дополнительные визуальные правила для лучшего пользовательского опыта. Пакет установить можно при помощи yarn или npm. Далее нужно импортировать компонент в файл Vue и зарегистрировать его. Компонент можно использовать в шаблоне, указывая необходимые значения атрибутов. Компонент также поддерживает различные события и слоты для настройки внешнего вида и стиля.

Github
Приложение IP InBrowser, созданное с помощью Vue.js

IP InBrowser.App - это набор мощных IP-инструментов, работающих полностью в вашем браузере без использования серверного кода. Приложение обрабатывает всю информацию в браузере, что исключает риск утечки конфиденциальных данных. Оно полностью функционирует без подключения к сети и поддерживается на всех современных браузерах и устройствах. Все файлы статичны, и для работы приложения не требуются серверные ресурсы.

Github
Групповой интерфейс с меню вкладок для переключения видимости полей внутри группы

Этот пакет из Github представляет собой интерфейс группировки вкладок с возможностью переключения видимости полей внутри группы. Он может использоваться в качестве альтернативного решения для интерфейса перевода. Вы можете использовать этот интерфейс для переключения видимости полей индивидуально, частично или все поля сразу, по вашему усмотрению. Например, вы можете переключать видимость полей title_de и title_en.

В настройках вашего интерфейса вы можете использовать поле JSON для указания, какая кнопка отображает какие поля. Также есть возможность настройки стилей с помощью классов .tab-group, .tab-group .menu и .tab-group .menu .menu-item. Например, вы можете отключить вертикальную линию с помощью следующего CSS кода: .tab-group::before { content: none !important; }

Github