Расширение Chrome для предварительного просмотра разметки в chat.openai.com
Данный пакет из GitHub представляет собой расширение для Chrome под названием ChatGPT Markup Preview Extension (PoC), которое позволяет предварительно просматривать разметку HTML в чате на chat.openai.com. Расширение отображает предварительный просмотр HTML-кода в блоках кода. Поддерживается как HTML, так и TSX (TypeScript с расширением JSX) с использованием библиотеки React, а также подгружается стилизация с помощью Tailwind CSS. У расширения также есть возможность копирования предварительного просмотра как изображение для вставки в чат. Для установки необходимо скачать последнюю версию архива chatgpt-markup-preview.zip с GitHub, разархивировать его и загрузить распакованное расширение в Chrome через разработческий режим на странице chrome://extensions.
Github
Данный пакет из GitHub представляет собой расширение для Chrome под названием ChatGPT Markup Preview Extension (PoC), которое позволяет предварительно просматривать разметку HTML в чате на chat.openai.com. Расширение отображает предварительный просмотр HTML-кода в блоках кода. Поддерживается как HTML, так и TSX (TypeScript с расширением JSX) с использованием библиотеки React, а также подгружается стилизация с помощью Tailwind CSS. У расширения также есть возможность копирования предварительного просмотра как изображение для вставки в чат. Для установки необходимо скачать последнюю версию архива chatgpt-markup-preview.zip с GitHub, разархивировать его и загрузить распакованное расширение в Chrome через разработческий режим на странице chrome://extensions.
Github
Интерфейс чата Ollama и OpenAI
Пакет LLM Chatter, версия 0.0.2, представляет собой одно HTML-файловое приложение для общения с локальными моделями большой языковой модели (LLM) Ollama или LLM OpenAI.com. Для установки нужно запустить несколько команд, включая установку Ollama и добавление хотя бы одной модели. Затем необходимо запустить локальный сервер и открыть приложение в веб-браузере. Дополнительно, можно зарегистрировать аккаунт на openai.com и получить API-ключ, который можно использовать при использовании OpenAI Chat. Также предоставляются инструкции по установке дополнительного сервера node.js Express для использования с LangChain URL. Приложение построено с использованием Vite/Bun/React/TailwindCSS/FontAwesome, использует иконки от Font Awesome и делает API-запросы к нескольким ресурсам: http://localhost:11434 (ollama), http://localhost:8080 (сервер langchain-ollama) и https://api.openai.com.
Github
Пакет LLM Chatter, версия 0.0.2, представляет собой одно HTML-файловое приложение для общения с локальными моделями большой языковой модели (LLM) Ollama или LLM OpenAI.com. Для установки нужно запустить несколько команд, включая установку Ollama и добавление хотя бы одной модели. Затем необходимо запустить локальный сервер и открыть приложение в веб-браузере. Дополнительно, можно зарегистрировать аккаунт на openai.com и получить API-ключ, который можно использовать при использовании OpenAI Chat. Также предоставляются инструкции по установке дополнительного сервера node.js Express для использования с LangChain URL. Приложение построено с использованием Vite/Bun/React/TailwindCSS/FontAwesome, использует иконки от Font Awesome и делает API-запросы к нескольким ресурсам: http://localhost:11434 (ollama), http://localhost:8080 (сервер langchain-ollama) и https://api.openai.com.
Github
Многодорожечный веб-аудиоредактор и проигрыватель с предварительным просмотром формы сигнала
React-studio-js - это пакет на GitHub, который предоставляет набор функций для манипулирования звуковыми дорожками в приложении React. Это позволяет пользователям записывать, обрезать, разбивать и сдвигать треки, а также выполнять операции CRUD для аннотаций. Пакет требует корректной работы webaudio в браузере и поддерживает версии браузера, совместимые с Can I Use?. Пакет может быть установлен с помощью npm, и на GitHub доступен демонстрационный пример React.
Github
React-studio-js - это пакет на GitHub, который предоставляет набор функций для манипулирования звуковыми дорожками в приложении React. Это позволяет пользователям записывать, обрезать, разбивать и сдвигать треки, а также выполнять операции CRUD для аннотаций. Пакет требует корректной работы webaudio в браузере и поддерживает версии браузера, совместимые с Can I Use?. Пакет может быть установлен с помощью npm, и на GitHub доступен демонстрационный пример React.
Github
Набор компонентов, связанных с формой, для React
Этот пакет npm предоставляет набор компонентов для форм в React. Вы можете использовать эти компоненты для удобного создания форм. Для всех компонентов доступны CSS-переменные для темизации и классные имена. Есть встроенная поддержка темного режима. В пакете также предоставлены инструкции по установке, документация, примеры и демо-страницы для каждого компонента.
Github
Этот пакет npm предоставляет набор компонентов для форм в React. Вы можете использовать эти компоненты для удобного создания форм. Для всех компонентов доступны CSS-переменные для темизации и классные имена. Есть встроенная поддержка темного режима. В пакете также предоставлены инструкции по установке, документация, примеры и демо-страницы для каждого компонента.
Github
Ваше полное руководство по освоению использования "ref" в React
Этот пакет в GitHub научит вас мастерству работы с ref в React. Вы узнаете о базовых принципах использования ref, таких как строковые и обратные ссылки, а затем перейдете к более сложным темам, таким как хук useRef () и API forwardRef (). В конце вы сможете уверенно использовать ref в своих приложениях React и повысить свои навыки в этом фреймворке до нового уровня! Пакет также включает 6 уроков, в которых вы научитесь доступу к DOM-узлам компонентов, созданию ссылок с помощью функций обратного вызова и использованию функции createRef ().
Github
Этот пакет в GitHub научит вас мастерству работы с ref в React. Вы узнаете о базовых принципах использования ref, таких как строковые и обратные ссылки, а затем перейдете к более сложным темам, таким как хук useRef () и API forwardRef (). В конце вы сможете уверенно использовать ref в своих приложениях React и повысить свои навыки в этом фреймворке до нового уровня! Пакет также включает 6 уроков, в которых вы научитесь доступу к DOM-узлам компонентов, созданию ссылок с помощью функций обратного вызова и использованию функции createRef ().
Github
Продвинутое приложение, сочетающее в себе возможности ChatGPT и DALL.E
ChatGPT-Pro - это продвинутое приложение, объединяющее мощь ChatGPT и DALL.E. С помощью этого приложения вы можете легко переключаться между версиями ChatGPT. Одной из особенностей ChatGPT-Pro является возможность сохранять чат-беседы на локальном устройстве. Вы также можете развернуть это приложение одним нажатием на платформы Netlify или Vercel.
Github
ChatGPT-Pro - это продвинутое приложение, объединяющее мощь ChatGPT и DALL.E. С помощью этого приложения вы можете легко переключаться между версиями ChatGPT. Одной из особенностей ChatGPT-Pro является возможность сохранять чат-беседы на локальном устройстве. Вы также можете развернуть это приложение одним нажатием на платформы Netlify или Vercel.
Github
Веб-сайт магазина материалов Muisc, использующий React
Этот пакет из GitHub представляет собой аудиофильское приложение, которое позволяет пользователям просматривать и заказывать продукты. Пользователи могут просматривать оптимальный макет приложения в зависимости от размера экрана своего устройства, а также видеть интерактивные состояния при наведении на элементы страницы. Они могут добавлять и удалять продукты из корзины, изменять количество товаров в корзине, заполнять все поля во время оформления заказа и получать проверку правильности заполнения полей. Они также могут видеть правильную сумму заказа и получать модальное окно подтверждения заказа после осуществления покупки. Возможным улучшением является использование Zod для более точной типизации данных от API и более простого тестирования функций. Помимо этого, разработчик планирует написать больше модульных тестов для приложения.
Github
Этот пакет из GitHub представляет собой аудиофильское приложение, которое позволяет пользователям просматривать и заказывать продукты. Пользователи могут просматривать оптимальный макет приложения в зависимости от размера экрана своего устройства, а также видеть интерактивные состояния при наведении на элементы страницы. Они могут добавлять и удалять продукты из корзины, изменять количество товаров в корзине, заполнять все поля во время оформления заказа и получать проверку правильности заполнения полей. Они также могут видеть правильную сумму заказа и получать модальное окно подтверждения заказа после осуществления покупки. Возможным улучшением является использование Zod для более точной типизации данных от API и более простого тестирования функций. Помимо этого, разработчик планирует написать больше модульных тестов для приложения.
Github
Приложение для ведения дневника, сосредоточенное на личных размышлениях и развитии мышления
"Pile" - это настольное приложение для ведения рефлексивного дневника. Оно хранит ваши данные локально на компьютере, работает с файлами в формате markdown и предоставляется бесплатно. Авторы выражают благодарность за вклад в разработку Проекту Zach Bogart за создание иконки и Electron react boilerplate за упрощение запуска настольных приложений.
Github
"Pile" - это настольное приложение для ведения рефлексивного дневника. Оно хранит ваши данные локально на компьютере, работает с файлами в формате markdown и предоставляется бесплатно. Авторы выражают благодарность за вклад в разработку Проекту Zach Bogart за создание иконки и Electron react boilerplate за упрощение запуска настольных приложений.
Github
Браузерная игровая площадка на Python, созданная с использованием ReactJS и MicroPIP
Этот пакет из GitHub представляет собой браузерное игровое поле Python, созданное с использованием Web Assembly Pyodide и ReactJS. Он имеет функции, позволяющие устанавливать библиотеки из MicroPIP, а также простого использования и подсветки синтаксиса. Чтобы использовать этот пакет, нужно клонировать репозиторий, установить зависимости и запустить сервер разработки.
Github
Этот пакет из GitHub представляет собой браузерное игровое поле Python, созданное с использованием Web Assembly Pyodide и ReactJS. Он имеет функции, позволяющие устанавливать библиотеки из MicroPIP, а также простого использования и подсветки синтаксиса. Чтобы использовать этот пакет, нужно клонировать репозиторий, установить зависимости и запустить сервер разработки.
Github
Легкий редактор кода, который помогает эффективно и быстро кодировать в мире с углом обзора 360°
Tilder in Web App - это легкий редактор кода, который помогает программировать эффективно и быстро в 360° мире. Он поддерживает более 100 языков программирования и использует Monaco-editor. Tilder объединяет простоту редактора кода с необходимыми разработчикам функциями для их основного цикла редактирования, сборки и отладки. Он предоставляет полнофункциональное редактирование кода, навигацию и поддержку понимания, а также легковесную отладку, расширяемую модель и интеграцию с существующими инструментами. Он обновляется ежемесячно и доступен для загрузки на Windows, macOS и Linux на официальном веб-сайте Tilder. Проект приветствует участие людей в разработке путем сообщения об ошибках и запросе новых функций, а также проверке внесенных изменений в код. Использование пакета регулируется лицензией MIT, владение которой принадлежит DSoft.
Github
Tilder in Web App - это легкий редактор кода, который помогает программировать эффективно и быстро в 360° мире. Он поддерживает более 100 языков программирования и использует Monaco-editor. Tilder объединяет простоту редактора кода с необходимыми разработчикам функциями для их основного цикла редактирования, сборки и отладки. Он предоставляет полнофункциональное редактирование кода, навигацию и поддержку понимания, а также легковесную отладку, расширяемую модель и интеграцию с существующими инструментами. Он обновляется ежемесячно и доступен для загрузки на Windows, macOS и Linux на официальном веб-сайте Tilder. Проект приветствует участие людей в разработке путем сообщения об ошибках и запросе новых функций, а также проверке внесенных изменений в код. Использование пакета регулируется лицензией MIT, владение которой принадлежит DSoft.
Github
Приложение для прогнозирования погоды в реальном времени, созданное с помощью Next.js 14, Пользовательский интерфейс Typescript и Shadcn
Meteo-nix - это тщательно разработанное приложение погоды, использующее передовые технологии. Оно основано на Next.js 14, TypeScript, Tailwind CSS и библиотеке Shadcn UI, что позволяет достичь непрерывного и элегантного опыта использования. Приложение также использует React Hotkeys Hook для плавных переходов между темами и универсального командного меню, React Map GL для интеграции карты Mapbox, а также обеспечивает интеллектуальные подсказки для автозаполнения местоположений, основанные на Google Maps Places API. В нем также предусмотрены функции текущих погодных условий, прогноза на 10 дней и 24-часового прогноза, интерактивной карты и легкого переключения тем.
Github
Meteo-nix - это тщательно разработанное приложение погоды, использующее передовые технологии. Оно основано на Next.js 14, TypeScript, Tailwind CSS и библиотеке Shadcn UI, что позволяет достичь непрерывного и элегантного опыта использования. Приложение также использует React Hotkeys Hook для плавных переходов между темами и универсального командного меню, React Map GL для интеграции карты Mapbox, а также обеспечивает интеллектуальные подсказки для автозаполнения местоположений, основанные на Google Maps Places API. В нем также предусмотрены функции текущих погодных условий, прогноза на 10 дней и 24-часового прогноза, интерактивной карты и легкого переключения тем.
Github
Простой цифровой калькулятор в стиле пиксельной графики
Проект Simple Calculator разработан на React с использованием TypeScript и StyledComponents. Калькулятор имитирует работу старых простых калькуляторов, воссоздавая их функциональность и отображение на экране. Все компоненты, включая кнопки и числа на дисплее, созданы собственными изображениями автора. Автор приветствует помощь в исправлении ошибок или добавлении новой функциональности и призывает присоединиться к проекту.
Github | Демо
Проект Simple Calculator разработан на React с использованием TypeScript и StyledComponents. Калькулятор имитирует работу старых простых калькуляторов, воссоздавая их функциональность и отображение на экране. Все компоненты, включая кнопки и числа на дисплее, созданы собственными изображениями автора. Автор приветствует помощь в исправлении ошибок или добавлении новой функциональности и призывает присоединиться к проекту.
Github | Демо
Используйте C в своем React
Этот пакет на GitHub предлагает использовать язык программирования C в React-приложениях, а также использует язык Rust. Он предлагает добавить больше папок и файлов с кодом, который ничего не делает, чтобы выглядеть более профессионально. В пакете планируется добавить поддержку TypeScript, а затем удалить ее, а также предлагается переключиться на другой инструмент вместо esbuild.
Github
Этот пакет на GitHub предлагает использовать язык программирования C в React-приложениях, а также использует язык Rust. Он предлагает добавить больше папок и файлов с кодом, который ничего не делает, чтобы выглядеть более профессионально. В пакете планируется добавить поддержку TypeScript, а затем удалить ее, а также предлагается переключиться на другой инструмент вместо esbuild.
Github
Пользовательский интерфейс с открытым исходным кодом для системы управления трафиком Easegress
Easegress Portal - это интуитивно понятный пользовательский интерфейс с открытым исходным кодом для системы оркестрации трафика Easegress. Разработанный с использованием React.js, этот портал предоставляет управление конфигурацией, метрики и визуализацию, улучшая общий опыт использования Easegress. Основные особенности включают: интуитивный пользовательский интерфейс на React.js, единое управление конфигурацией, полностью открытый исходный код с возможностью настраивать под свои нужды, безшовную интеграцию с Easegress API и простую установку с помощью Docker. Комьюнити также предлагает руководство для сотрудничества и следует лицензии Apache 2.0.
Github
Easegress Portal - это интуитивно понятный пользовательский интерфейс с открытым исходным кодом для системы оркестрации трафика Easegress. Разработанный с использованием React.js, этот портал предоставляет управление конфигурацией, метрики и визуализацию, улучшая общий опыт использования Easegress. Основные особенности включают: интуитивный пользовательский интерфейс на React.js, единое управление конфигурацией, полностью открытый исходный код с возможностью настраивать под свои нужды, безшовную интеграцию с Easegress API и простую установку с помощью Docker. Комьюнити также предлагает руководство для сотрудничества и следует лицензии Apache 2.0.
Github
Анимированные, легкие, расширяемые компоненты для React
React Expandify - это пакет для React, предоставляющий возможность создавать расширяемые компоненты с анимацией. Он позволяет добавить функциональность разворачивания и сворачивания контента без лишних усилий. Пакет содержит простой инструментарий для настройки скорости анимации, выбора элемента контейнера и добавления пользовательских классов. Помимо основных функций, React Expandify также предлагает возможность создания компонентов дерева просмотра, аккордеонов и других интерактивных элементов.
Github
React Expandify - это пакет для React, предоставляющий возможность создавать расширяемые компоненты с анимацией. Он позволяет добавить функциональность разворачивания и сворачивания контента без лишних усилий. Пакет содержит простой инструментарий для настройки скорости анимации, выбора элемента контейнера и добавления пользовательских классов. Помимо основных функций, React Expandify также предлагает возможность создания компонентов дерева просмотра, аккордеонов и других интерактивных элементов.
Github
Подключитесь с помощью NFC-карты, отправьте транзакцию с QR-кодом
Пакет NeBula представляет собой систему, которая использует NFC для создания и входа в кошельки, а также QR-коды для генерации и подтверждения транзакций. Система позволяет легко создавать кошельки с помощью NFC банковских карт и осуществлять безконтактные платежи в офлайн-магазинах. Также она сокращает ручные усилия пользователей при генерации и подтверждении транзакций с помощью QR-кодов. В состав пакета входят технологии NFC, QR-коды, Cometh SDK, Tableland и EIP 681, а для разработки использовались React.js, Typescript, TailwindCss, ethers.js и Nfc API.
Github
Пакет NeBula представляет собой систему, которая использует NFC для создания и входа в кошельки, а также QR-коды для генерации и подтверждения транзакций. Система позволяет легко создавать кошельки с помощью NFC банковских карт и осуществлять безконтактные платежи в офлайн-магазинах. Также она сокращает ручные усилия пользователей при генерации и подтверждении транзакций с помощью QR-кодов. В состав пакета входят технологии NFC, QR-коды, Cometh SDK, Tableland и EIP 681, а для разработки использовались React.js, Typescript, TailwindCss, ethers.js и Nfc API.
Github
Простой плагин для кода Visual Studio, который преобразует html-текст в React JSX
Этот пакет в GitHub представляет собой простое расширение для Visual Studio Code, которое конвертирует текст в формате HTML в формат React JSX. Для использования достаточно нажать комбинацию клавиш ctrl + shift + P, выбрать опцию "Convert HTML to React JSX" в нужном документе и выполнить ее. Расширение осуществляет замену тегов HTML на соответствующие теги React JSX, используя заданный список замены. Если вам нужны новые правила замены, вы можете открыть pull-запрос и добавить их.
Github
Этот пакет в GitHub представляет собой простое расширение для Visual Studio Code, которое конвертирует текст в формате HTML в формат React JSX. Для использования достаточно нажать комбинацию клавиш ctrl + shift + P, выбрать опцию "Convert HTML to React JSX" в нужном документе и выполнить ее. Расширение осуществляет замену тегов HTML на соответствующие теги React JSX, используя заданный список замены. Если вам нужны новые правила замены, вы можете открыть pull-запрос и добавить их.
Github
Простой двухстраничный веб-сайт для администрирования пользователей и групп
Этот пакет из GitHub представляет собой тестовое задание для компании VNV Solutions. В нем содержится простой двухстраничный веб-сайт для администрирования пользователей и групп. На серверной стороне используются технологии Django, Django REST framework и Docker, а на клиентской стороне - React, React Bootstrap и MobX. Пакет включает в себя таблицу пользователей с возможностью создания, редактирования и удаления пользователей, а также таблицу групп, в которой невозможно удалить группу, содержащую хотя бы одного пользователя.
Github
Этот пакет из GitHub представляет собой тестовое задание для компании VNV Solutions. В нем содержится простой двухстраничный веб-сайт для администрирования пользователей и групп. На серверной стороне используются технологии Django, Django REST framework и Docker, а на клиентской стороне - React, React Bootstrap и MobX. Пакет включает в себя таблицу пользователей с возможностью создания, редактирования и удаления пользователей, а также таблицу групп, в которой невозможно удалить группу, содержащую хотя бы одного пользователя.
Github
Приятный на вид современный кроссплатформенный аудиоплеер ElectronJS mp3
Electroplayer - это электронное приложение, созданное с помощью React, которое было протестировано и хорошо работает как на платформах Windows, так и на Linux. Хотя он специально не тестировался на macOS, ожидается, что он будет работать без каких-либо проблем. Чтобы настроить рекомендуемую среду разработки, используйте VSCode вместе с ESLint и Prettier. Установка и разработка проекта могут быть выполнены с помощью npm, а создание приложения для различных операционных систем может быть достигнуто с помощью специальных команд npm.
Github
Electroplayer - это электронное приложение, созданное с помощью React, которое было протестировано и хорошо работает как на платформах Windows, так и на Linux. Хотя он специально не тестировался на macOS, ожидается, что он будет работать без каких-либо проблем. Чтобы настроить рекомендуемую среду разработки, используйте VSCode вместе с ESLint и Prettier. Установка и разработка проекта могут быть выполнены с помощью npm, а создание приложения для различных операционных систем может быть достигнуто с помощью специальных команд npm.
Github
Объедините чаты с нескольких живых платформ в единый интерфейс
Данный пакет из GitHub представляет собой самостоятельное решение для объединения потоков чата с нескольких платформ в единый интерфейс. Сервис был разработан с учетом настраиваемости и конфиденциальности данных, не зависит от внешних сервисов и легко адаптируется под ваши потребности. Для этого используется Chrome-расширение, которое инжектирует код на веб-страницы различных платформ чата и нормализует полученную информацию в единообразную структуру данных. Это обеспечивает удобство интеграции и лучший пользовательский опыт.
Github
Данный пакет из GitHub представляет собой самостоятельное решение для объединения потоков чата с нескольких платформ в единый интерфейс. Сервис был разработан с учетом настраиваемости и конфиденциальности данных, не зависит от внешних сервисов и легко адаптируется под ваши потребности. Для этого используется Chrome-расширение, которое инжектирует код на веб-страницы различных платформ чата и нормализует полученную информацию в единообразную структуру данных. Это обеспечивает удобство интеграции и лучший пользовательский опыт.
Github