Webix 8.3: Новый виджет Diagram, обновления Scheduler, Gantt, SpreadsheetПодробнее

Создавайте красивые интерфейсы приложений несколькими строками кода

Кликайте по цифрам, чтобы посмотреть код

Webix demo
1
2
3
4
5
6
7

Дополнительные компоненты: комплексные JavaScript виджеты

Diagram
File Manager
Spreadsheet
Kanban
Scheduler
Gantt
Pivot
User Manager
Chat
Doc Manager
Query
Report Manager
diagram

JavaScript Diagram - это инструмент, предназначенный для создания любого типа диаграмм с автоматическим древовидным размещением данных и циклическими зависимостями.

  • различные типы диаграмм
  • широкий выбор форм блоков и коннекторов
  • возможность предоставления персонального SVG фигуры
  • стилизация и настройки
Узнать больше
Filemanager widget

JavaScript File Manager помогает управлять иерархическими данными в удобном для пользователей стиле.

  • копирование/вставка, переименование, удаление файлов и папок
  • работа с иерархическими данными
  • гибкий layout
  • функциональность drag-and-drop
Узнать больше
SpreadSheet widget

JavaScript Spreadsheet -- это комплексный виджет, позволяющий встраивать Excel-таблицы в веб-приложения и работать с данными online.

  • привязка данных и валидация
  • сортировка и фильтрация
  • пользовательские стили
  • математические функции
Узнать больше
Kanban widget

JavaScript Kanban Board -- это инструмент для отображения процесса работы и контроля за отдельными задачами.

  • неограниченное количество столбцов и строк
  • настройка с помощью HTML шаблонов
  • возможность добавлять swim lane для группировки процессов или задач
  • возможность открывать или сворачивать панели Канбан-доски
Узнать больше
Scheduler widget

Виджет JavaScript Scheduler - это онлайн календарь для планирования событий и ведения расписания.

  • События на день, неделю, месяц
  • Текущее расписание
  • Создание и редактирование событий
  • Повторяющиеся события
  • Поддержка drag-n-drop и изменения размера
Узнать больше
Gantt Charts

JavaScript Gantt виджет - это онлайн решение для управления задачами и ресурсами.

  • Управление задачами и проектами
  • Предпросмотр и редактирование задач
  • Компактный режим просмотра
  • Поддержка изменения размера и drag-n-drop
Узнать больше

JavaScript Pivot предназначен для красивых и понятных отчетов в виде таблиц и диаграмм.

  • счетчики суммы, фильтры, режим readonly
  • поддержка загрузки внутренних и внешних данных
  • таблица / диаграмма и окно с настройками
  • логарифмическая шкала для Pivot Chart
Узнать больше
user manager

JavaScript User Manager - это готовое решение управления списком пользователей, важная часть Панели Администратора.

  • управление пользователями
  • настройка прав доступа
  • назначение ролей
  • автоматическая идентификация и авторизация
Узнать больше
chat

JavaScript Сharts is a ready-made solution for organizing chat rooms with several users with an opportunity to manage the list of contacts and the look of the chat itself.

  • List of group chats
  • List of contacts
  • Choosing users for the new chat room
  • Setting the list of the participants and the look (name + icon) of the channel
Узнать больше
docmanager

JavaScript Document Manager создан для решения задач электронного документооборота.

  • недавние/важные/удаленные документы
  • предварительный просмотр
  • присваивание тегов
  • комментарии
Узнать больше
Query

Виджет JavaScript Query позволяет задавать любые условия и правила фильтрации.

  • Интеграция: jQuery, Angular, React, Vue.js, Backbone
  • Поддержка всех современных браузеров
  • Готов для сенсорных устройств
  • Соответствует разделу 508
  • Быстрая стилизация с помощью CSS
Узнать больше
reports

JavaScript Report Manager виджет создает и хранит отчеты с большим количеством данных. Включает такие возможности, как:

  • Список отчетов
  • Три типа представления данных: таблицы, графики, тепловые карты
  • Выгрузка отчетов в формате Excel, CSV
  • Сквозной поиск
  • Детальная настройка отчетов
Узнать больше

Преимущества библиотеки UI Webix

Реальная экономия времени

Сэкономьте 3000+ рабочих часов использую готовые компоненты и виджеты. Разрабатывайте Web UI на 30% быстрее.

Философия Material дизайна

Мы собрали лучшие практики дизайна и скрупулёзно продумали UX каждого компонента Webix для пяти концептуальных дизайнов.

Technical support and learning

Наши специалисты знают все о нашей библиотеке и способны помочь вам решить любую проблему. Также, у нас есть официальный форум, где вы можете обсудить любые вопросы с нашими разработчиками.

Легко разрабатывать

Понятная логика

Используя Webix JS фреймворк, вы получаете элегантный и легкий код, основанный на принципах объектно-ориентированного программирования.

Поддержка различных платформ и браузеров

Разрабатывайте HTML5 веб-приложения для настольных систем, планшетов и смартфонов с сенсорными экранами, работающие в большинстве браузеров.

Легко интегрировать

Интеграция с другими JavaScript фреймворками и библиотеками

Создавайте проекты с JavaScript библиотекой jQuery, MVC фреймворками AngularJS, React, Vue.js, Backbone.js, и сторонними UI компонентами.

Простая интеграция с серверной стороной

Все серверные технологии могут обмениваться данными с нашим JavaScript UI фреймворком, который включает готовые решения для интеграции с Java, PHP и .NET.

Невероятная скорость

Быстрая работа с большими данными

Ваши веб-приложения будут работать быстро даже с большими данными в таких компонентах, как DataTable, Tree, List и т.д., благодаря пейджингу и динамической загрузке.

Самый быстрый рендеринг

Прекрасно оптимизированные виджеты показывают невероятную скорость отрисовки и супер плавное скоролирование.

Чистый JavaScript

Полностью клиентское решение для дашбордов с анимацией и интерактивностью благодаря мгновенному обновлению данных в HTML5 компонентах.

Гибкость и доступнось

Неограниченная возможность модифицировать компоненты

Изменяйте доступные компоненты и создавайте новые — вы можете изменять все параметры компонентов без потери функциональности.

Общедоступность информации Web-страниц

HTML5 библиотека UI компонентов соответствует стандартам WAI-ARIA и обеспечивает поддержку общедоступности информации для тех, кто нуждается во вспомогательных технологиях.

Соответствие HIPPA и GDPR

Webix полностью соответствует требованиям HIPPA и GDPR т.к. не собирает и не хранит какую либо персональную информацию.

Знакомьтесь с Webix

JavaScript библиотека

JavaScript UI виджеты


Уменьшайте время на разработку Web приложений используя 99+ UI компонент и виджетов от Webix

JavaScript фреймворк

Webix Jet


Создавайте быстрые и красивые одностраничные приложения при помощи микрофреймворка Webix Jet

Webix поддержка

Webix Поддержка и документация


Познакомьтесь с разделом документации Webix или воспользуйтесь форумом поддержки

уроки и обучение

Webix Уроки и обучение


Быстро и легко изучайте библиотеку Webix JavaScript

Создайте свой лучший Web интерфейс сейчас!

Скачать Webix

Примеры проектов, разработанных с помощью нашей JavaScript библиотеки графических компонентов

Customer showcases js library 25 Андреас Шиндлер Генеральный директор компании Schindler IT
Customer showcases js library 24 Марсилио Кортес Разработчик, основатель стартапов
Customer showcases js library 23 Мартин Зевенберген Консультант по Dynamics AX, основатель стартапа Engasy
Customer showcases js library 22 Йохан Ван Вельдхейзен Консультант по Dynamics AX, бэкенд-разработчик в стартапе Engasy
Customer showcases js library 21 Том Теналья Ведущий шоу The Empowered Entrepreneur Show, разработчик стартапов
Customer showcases js library 20 Игорь Фабо Директор ИТ отдела компании Fornetti
Customer showcases js library 19 Хатем Хамад Разработчик программного обеспечения компании Old World Computing
Customer showcases js library 18 Яна Бониг Менеджер по маркетингу
Customer showcases js library 17 Даг Эйверч Технический директор и владелец компании U2logic
Customer showcases js library 16 Марко Кальдас Круз Руководитель разработки платформы Golden Belt
Customer showcases js library 15 Оливье Видаль Основатель компании Melkal
Customer showcases js library 14 Майкл Шрединг PHP full-stack разработчик
Customer showcases js library 12 Tore Hvidegaard CEO 3dbyggeri
Customer showcases js library 11 Emmanuel Onah Web разработчик в Cognovis GmbH
Customer showcases js library 7 Kiril Serebnik Development operation engineer at Lumissil Microsystems company
Customer showcases js library 7 Nikhil Sharma Full stack developer at Transportation | Warehouse Optimization
Customer showcases js library 7 Андерс Ренваль CEO и системный архитектор Eze System
Customer showcases js library 7 Бернд Гевехр Глава IT департамента Vössing Engineering
Customer showcases js library 6 Стефан Швайгер Глава Schweiger Consulting GmbH
Customer showcases js library 5 Йохен Функ Разработчик и бизнес-аналитик
Customer showcases js library 4 Валерий Кузнецов Разработчик
Customer showcases js library 3 Сергей Куницкий Инженер-программист
Customer showcases js library 2 Йохан Смит Глава SFM BV
Customer showcases js library 1 Юрий Ключ Разработчик Glasslink

Андреас разрабатывает цифровые решения с акцентом на аналитику данных. Читайте полное интервью.

Ресурсы

  • Chat

Результат

Showcases example js library 25
Webix позволяет мне создавать UI, который мне нужен. Webix отлично справляется с задачей визуализации.

Марсилио готовится в ближайшее время запустить свой стартап в Бразилии. Читайте полное интервью.

Ресурсы

  • Pivot Chart

Результат

Showcases example js library 24
Мне нравится Webix: он быстро реагирующий, надежный, хорошо документированный.

Мартин и Йохан работают над ERP-системой для командного сотрудничества. Читайте полное интервью.

Ресурсы

  • File Manager
  • Kanban
  • Scheduler
  • Webix Jet

Результат

Showcases example js library 23
Всегда есть, к чему стремиться, но мы по-прежнему довольны Webix. Если бы нам снова пришлось выбирать, мы бы все равно выбрали Webix.

Мартин и Йохан работают над ERP-системой для командного сотрудничества. Читайте полное интервью.

Ресурсы

  • File Manager
  • Kanban
  • Scheduler
  • Webix Jet

Результат

Showcases example js library 22
Webix дает нам полную гибкость при работе с фронт эндом.

Том работает над запуском платформы для текстовых сообщений. Читайте полное интервью.

Ресурсы

  • Chat
  • Webix Jet
  • User Manager
  • Query

Результат

Showcases example js library 21
Что привлекло меня в Webix, так это скорость, с которой он создает виджеты, глубина документации и служба поддержки клиентов.

Fornetti - компания в Венгрии, входящая в состав Aryzta. Это производители кондитерских изделий. Компания производит и продает кондитерские изделия таким сетям магазинов, как Kaufland, Tesco, Lidl и др. Читайте полное интервью.

Ресурсы

  • Query
  • File Manager

Результат

Showcases example js library 20
Я знаю, что на рынке есть много различных таблиц данных, но предложение Webix лучше

Old World Computing - это консалтинговая компания по науке о данных. Они оказывают своим клиентам организационную помощь, а также предлагают обучение персонала методологии или реализации проектов, долгосрочную поддержку в совместных проектах и разработке конкретного программного обеспечения. Читайте полное интервью.

Ресурсы

  • UI library UI library

Результат

Showcases example js library 19
Он легко настраиваемый. Хорошо задокументирован. И пользовательский интерфейс очень быстрый. Это три вещи, которые я люблю в Webix

Old World Computing - это консалтинговая компания по науке о данных. Они оказывают своим клиентам организационную помощь, а также предлагают обучение персонала методологии или реализации проектов, долгосрочную поддержку в совместных проектах и разработке конкретного программного обеспечения. Читайте полное интервью.

Ресурсы

  • UI library UI library

Результат

Showcases example js library 18
Наука о данных очень сложна. Наличие веб-приложения позволяет легко продемонстрировать конечным пользователям, как может выглядеть результат, или показать полное развертывание программы

U2logic работает с компаниями общественного питания. Программное обеспечение помогает им организовать доставку, составить расписание водителей, распределить заработную плату водителям и руководить сотрудниками склада. Читайте полное интервью.

Ресурсы

  • Kanban
  • Scheduler

Результат

Showcases example js library 16
Инструмент для меня входит в топ-5. Я использовал много других. Самый простой из них - ваш. Ему нужно обучиться, но Webix делает то, что обещает и делает эффективно

Golden Belt - это SaaS-решение, объединяющее 10 000 пользователей. Оно позволяет компаниям интегрировать информацию о процессах и деятельности, связывая ее с ролями и должностными инструкциями, документами и политиками, рисками и средствами контроля, аудитом и процессами на основе документооборота. Читайте полное интервью.

Ресурсы

  • Gantt
  • JS Tree

Результат

Showcases example js library 16
Невероятно, насколько коротким оказался код для интеграции с нашим решением

Компания Melkal предлагает POS-программное обеспечение. Они разрабатывают системы управления для продавцов и ресторанов. Читайте полное интервью.

Ресурсы

  • Spreadsheet

Результат

Showcases example js library 15
Webix действительно очень быстрый, даже при максимальном использовании возможностей веб-браузеров. Я никогда не видел такого быстрого инструмента!

recruiting-systems.com - это решение для рекрутеров по управлению клиентами и компаниями. Проект отображает списки кандидатов, их данные, квалификацию, навыки и контакты. В нем есть возможность назначать дату встречи, прикреплять PDF-файлы с резюме. Читайте полное интервью.

Ресурсы

  • UI library UI library

Результат

Showcases example js library 14
Для меня Webix - это лучший инструмент, который я могу найти в сети на данный момент, и я думаю, что его невозможно превзойти

3dbyggeri предоставляют цифровые решения, которые упрощают работу архитекторов и инженеров со строительными материалами. Читайте полное интервью.

Ресурсы

  • Datatable

Результат

Showcases example js library 12
Довольно легко найти примеры и сниппеты в документации, чтобы понять, что делать. Мне нравится концепция форума, где вы спрашиваете что-то относительно конкретной проблемы, а служба поддержки клиентов отвечает и делает сниппет, чтобы показать, как это работает.

Webix прекрасно подходит для ERP решений. Читайте полное интервью.

Ресурсы

  • UI library UI library
  • Webix Jet
  • File Manager
  • User Manager
  • Chat

Результат

Showcases example js library 10

Webix это наша единственная интерфейсная JavaScript платформа.   Читайте полное интервью.

Ресурсы

  • UI library UI library
  • Query
  • File Manager

Результат

Showcases example js library 7

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

Ресурсы

  • UI library Библиотека UI Компонентов Webix

Результат

Showcases example js library 7

IoT-решение для удаленного мониторинга и управления распределенным оборудованием. Читайте полное интевью.

Ресурсы

  • UI library Библиотека UI Компонентов Webix

Результат

Showcases example js library 7
Что мне действительно нравится в Webix, так это то, что я получаю все и сразу.

Бернд использовал библиотеку Webix UI для создания ERP системы по планированию и управлению строительными проектами. Читайте полное интервью.

Ресурсы

  • Kanban
  • File Manager

Результат

Showcases example js library 7
Webix помог нам изменить способ создания наших решений.

Стефан использовал библиотеку Webix UI для создания приложения по управлению электронным документооборотом. Читайте полное интервью со Стефаном.

Ресурсы

  • UI library Библиотека графических интерфейсов

Результат

Result
Мне нужны были фреймворки для пользовательского интерфейса. Страница Webix привлекла внимание примером создания таблицы с данными с помощью нескольких строк кода. Я попробовал и не захотел искать ничего другого. Это была любовь с первого взгляда!

Йохен Функ использовал комплексный виджет Webix Kanban для создания приложения для управления задачами и проектами. Читайте полное интервью с Йохеном.

Ресурсы

  • Kanban

Результат

Showcases example js library 5
На мой взгляд, Kanban один из самых лучших и востребованных виджетов библиотеки Webix. Он помогает быстро и эффективно управлять проектами. К тому же, всем моим клиентам очень нравится Kanban виджет. Он довольно прост в использовании, но при этом очень функционален. Данный виджет действительно имеет много возможностей для применения

Webix позволил Валерию Кузнецову создать WizXpert, облачную систему для упрощения разработки программного обеспечения. Решение объединило в себе процессы работы с бэкэндом, фронтэндом и разработку гибридного мобильного приложения. Переходите по ссылке, чтобы увидеть полное интервью с Валерием.

Ресурсы

  • UI library Библиотека UI Компонентов Webix

Результат

Showcases example js library 4
В концепцию WizXpert заложена суть Webix — скорость разработки решений, модульность и готовый дизайн. В результате получился современный, красивый и надежный продукт.

Новый дизайн интерфейса GanttPRO, веб-приложения для планирования проектов и контроля рабочего процесса. Подробнее о проекте.

Ресурсы

  • UI library Библиотека графических интерфейсов
  • Webix Jet

Результат

Result
Больше всего в этой JavaScript библиотеке нам понравилось безопасное и экономное по времени прототипирование. С Webix можно легко манипулировать блоками кода, по-другому комбинируя части приложения. В случае, если во время разработки нужно изменить дизайн приложения, можно легко и быстро поменять код под новый дизайн.

XL Reporting - это a онлайн решение для составления финансовых отчетов и ведения бюджета, интегрированное с MS Excel. Подробнее о проекте.

Ресурсы

  • UI library Библиотека графических интерфейсов
  • Pivot
  • Spreadsheet
  • Sidebar
  • Node.js/Nginx

Результат

Result
Нас не перестают впечатлять функциональность и возможности этого JavaScript фреймворка, а также качество его API, работа команды Webix и регулярность релизов новых версий. В настоящее время наш проект в основном построен на этом легком JavaScript фреймворке и его разнообразных HTML5 UI дополнениях.

Myglasslink.no получила заказ на веб-приложение, позволяющее пользователям самостоятельно разрабатывать логотипы. Решение, разработанное с помощью Webix, позволяет конечным пользователям создавать логотипы в четыре этапа с помощью мастера и размещать заказы. Подробнее о создании проекта.

Ресурсы

  • UI library Библиотека графических интерфейсов

Результат

Result
Мы выбрали этот HTML5 фреймворк среди других библиотек благодаря широкому выбору UI контролов, регулярным обновлениям, отличной техподдержке, возможности дополнять компоненты и использовать сторонние библиотеки в разработке адаптивных графических интерфейсов.

Бесплатные инструменты для эффективной веб-разработки

UI Designer - это инструмент для прототипирования интерфейса приложения при помощи визуальных средств.

UI Designer Подробности

Webix Jet - это JavaScript микрофреймворк для сочетания и многократного использования компонентов (JS контролов) для создания лаконичного и элегантного кода.

Webix Jet Подробности

Полезный инструмент для прототипирования JS дашбордов, удобного просмотра предварительного результата и показа примеров кода коллегами или заказчиками в соцсетях.

Code Snippet Открыть

Мощный онлайн инструмент для создания веб-форм в несколько кликов. Выберите поля и лэйаут и получите автоматически сгенерированный код формы.

Form Builder Открыть

Онлайн инструмент для разработки веб-дизайна, создания стилей пользовательских интерфейсов и работы с темами Material, Compact, Touch и т.д.

Skin Builder Открыть