home.social

#unstyled — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #unstyled, aggregated by home.social.

  1. HTML Builder: визуальный конструктор HTML-структур на Vue 3

    HTML Builder — визуальный конструктор HTML-структур с drag-and-drop интерфейсом для библиотеки @vue-dnd-kit /components! 🔹 HTML Builder позволяет создавать HTML-структуры без написания кода 🔹 Включает рабочую область, палитру компонентов, дерево элементов и панель настроек 🔹 Сейчас это ранняя бета с минимальным функционалом, но уже можно оценить концепцию Идеально подходит для создания прототипов и визуальных редакторов CMS. 🔗 Демо: zizigy.github.io/html-builder/ 🔗 GitHub: github.com/ZiZIGY/html-builder Ищу обратную связь по UI/UX и функциональности. Какие фичи хотели бы видеть? Что можно улучшить в интерфейсе? И тд тп.

    habr.com/ru/articles/922884/

    #vue #wysiwygредактор #дизайн #unstyled #frontendразработка #мнение #draganddrop #builder #редактор_в_браузере #component_library

  2. Представляю @vue-dnd-kit/components: Готовые компоненты для быстрой разработки интерфейсов с перетаскиванием

    Представляю @vue-dnd-kit /components — готовые компоненты для быстрой разработки drag & drop интерфейсов в Vue 3! 📋 Сортируемые таблицы 📊 Канбан-доски 🌳 Древовидные структуры 🧩 Интерактивные дашборды CLI работает как shadcn/ui — компоненты клонируются в ваш проект, давая полный контроль над кодом. Проект в активной разработке, но уже готов к использованию! Готовые компоненты: Table, Kanban, Tree, Dashboard. Статус: бета, API может изменяться. Подходит для прототипов и активной разработки.

    habr.com/ru/articles/920620/

    #vue #kanban #dashboard #draganddrop #draggable #frontendразработка #unstyled #dnd

  3. Regarding #simplicity 👆

    Have a look at #ArkUI

    ark-ui.com/

    It is a "fully customizable, #accessible and #unstyled #UI component [framework]".

    No #Bootstrap. No #Bloat. Just use your own #CSS. Love it! ❤️

    I've just used their Select component and it works so intuitively!

    They have a guide on how to style their components (there are multiple ways):
    ark-ui.com/docs/vue/overview/s

    #WebDev #WebDevelopment #Vue #React #Solid #A11Y