10.8K ·GitHub
Что это такое?
Wired Elements — это набор пользовательских веб-компонентов с рисованным от руки стилем. Они полезны для вайрфреймов, макетов или просто для необычного, эскизного оформления интерфейса.
Wired Elements — это набор пользовательских веб-компонентов с рисованным от руки стилем. Они полезны для вайрфреймов, макетов или просто для необычного, эскизного оформления интерфейса.Это фреймворк или обычная библиотека компонентов?Это библиотека веб-компонентов, построенных на стандартах и созданных с помощью Lit. Их можно сразу использовать в HTML, React, Vue или Svelte, не переходя на какой-либо фреймворк.
Это библиотека веб-компонентов, построенных на стандартах и созданных с помощью Lit. Их можно сразу использовать в HTML, React, Vue или Svelte, не переходя на какой-либо фреймворк.Как мне добавить это в проект?Установите пакет 'wired-elements' в проект или загрузите ES-модуль напрямую через unpkg. Затем импортируйте его в свой модульный скрипт и используйте теги в HTML.
Установите пакет 'wired-elements' в проект или загрузите ES-модуль напрямую через unpkg. Затем импортируйте его в свой модульный скрипт и используйте теги в HTML.На что эта библиотека опирается внутри?Она построена на основе Lit (для слоя веб-компонентов) и RoughJS (для эффекта рисования от руки).
Она построена на основе Lit (для слоя веб-компонентов) и RoughJS (для эффекта рисования от руки).Есть ли готовые обёртки для конкретных фреймворков?Основной пакет не привязан к какому-либо фреймворку, но есть отдельные примеры и обёртки для использования с React, Vue и Svelte.
Основной пакет не привязан к какому-либо фреймворку, но есть отдельные примеры и обёртки для использования с React, Vue и Svelte.Кто этим пользуется?Дизайнеры и разработчики, которым нужны быстрые упрощённые макеты интерфейса или вайрфреймы без ручного рисования.
Дизайнеры и разработчики, которым нужны быстрые упрощённые макеты интерфейса или вайрфреймы без ручного рисования.Какие элементы интерфейса входят в пакет?Он включает базовые элементы интерфейса: кнопки, чекбоксы, слайдеры, карточки, диалоговые окна и похожие стандартные элементы управления. Каждый из них отрисован в эскизном стиле от руки.
Он включает базовые элементы интерфейса: кнопки, чекбоксы, слайдеры, карточки, диалоговые окна и похожие стандартные элементы управления. Каждый из них отрисован в эскизном стиле от руки.Где посмотреть живую демонстрацию?Полная демонстрация всех компонентов доступна на wiredjs.com — официальном сайте проекта.
Полная демонстрация всех компонентов доступна на wiredjs.com — официальном сайте проекта.Можно ли использовать с React, Vue или Svelte?Да. Поскольку компоненты являются стандартными веб-компонентами, проект предоставляет примеры их использования внутри приложений на React, Vue и Svelte.
Да. Поскольку компоненты являются стандартными веб-компонентами, проект предоставляет примеры их использования внутри приложений на React, Vue и Svelte.What are similar projects?lit, material-web, shoelace, loadersz-core, trix, omi, pwa-install, formily
lit, material-web, shoelace, loadersz-core, trix, omi, pwa-install, formilyWhich topics is it in?custom-elements, webcomponents, prototyping, web-components, design-tools, vuejs, reactjs, ui-components, ui, gui, frontend, library
custom-elements, webcomponents, prototyping, web-components, design-tools, vuejs, reactjs, ui-components, ui, gui, frontend, library