PatternFly

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

👉 @fullstack_libs

React Aria

Библиотека React Hooks, которая 
предоставляет хуки, обеспечивающие доступность компонентов пользовательского интерфейса для вашей системы дизайна.

👉 @fullstack_libs

Peppermint.js

Тач-слайдер, который работает на Android, iPhone, Windows Phone, BlackBerry и на девайсах с Windows 8. Работает с клавиатурой, и не ломается от кнопки Tab.

👉 @fullstack_libs

Milligram

Небольшой CSS-фреймворк (2kb в сжатом виде), который обеспечивает минимальную настройку CSS-стилей для быстрого и чистого написания кода.

👉 @fullstack_libs

Neural nervous system of a brain

Положение каждого отдельного нейрона задаётся с помощью Math.random(). Благодаря этому, при каждом обновлении мы получаем разную картинку.

👉 @fullstack_libs

Diet Piechart

Вся диаграмма - это svg картинка. При нажатии на отдельные части диаграммы, задействуются различные CSS анимации.

👉 @fullstack_libs

Grd

Grd, как следует из названия, занимается построением макетов сетки. Библиотека сделана на чистом CSS, использует свойства модели flexbox и предлагает только самые необходимые и полезные функции.

👉 @fullstack_libs

Yup

Удобный конструктор схем JavaScript для валидации, который поддерживает использование TypeScript.

👉 @fullstack_libs

3D CSS Flippy Snaps

Сделано на React. При наведении на плитку изменяется значение её CSS свойства transform. Дополнительно плитки анимируются библиотекой gsap.

👉 @fullstack_libs

BonsaiJS

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

👉 @fullstack_libs

React Suite

Это набор библиотек компонентов пользовательского интерфейса на основе React с открытым исходным кодом, созданный командой внешнего интерфейса HYPERS и командой UX, которые могут помочь вам быстро создать приложение корпоративного уровня.

👉 @fullstack_libs

Пчелка

Реализовано на vue. Состоит из svg картинок, к которым применяется анимация, реализованная при помощи библиотеки gsap.

👉 @fullstack_libs

Card Text

Вёрстка карточек на HTML и CSS с интересной анимацией, активируемой при наведении.

👉 @fullstack_libs

GoJS

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

👉 @fullstack_libs

CSShake

Как следует из названия, CSShake - это библиотека CSS-анимации, которая содержит различные типы анимаций встряхивания.
Для запуска добавляем класс shake и класс-название анимации своему элементу.

👉 @fullstack_libs

Inputmask

Библиотека javascript, которая создает маску для полей ввода. Inputmask может работать с обычным javascript, jQuery и jqlite. Маска ввода помогает пользователю с вводом, обеспечивая предопределенный формат. Это может быть полезно для дат, чисел, телефонных номеров.

👉 @fullstack_libs

PDF Export

Библиотеки, включенные в Telerik Document Processing, позволяют создавать, изменять и экспортировать документы PDF, а также конвертировать документ из другого формата файла в PDF.

При помощи этого модуля вы можете сгенерировать PDF документ из HTML вёрстки или даже из JSX в React компонентах.

👉 @fullstack_libs

Blobs

Сцена, созданная с помощью canvas и Three.js. В Js реализована логика увеличения элемента, когда на него попадает курсор пользователя.

👉 @fullstack_libs

Lax.js

Простой и легкий плагин javascript для создания плавных и красивых анимаций при прокрутке! Используйте всю мощь интуитивно понятного взаимодействия и оживите свои веб-сайты!

👉 @fullstack_libs

Mailchimp

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

👉 @fullstack_libs