Final Form

Библиотека для создания красивых и доступных форм. Позволяет точно контролировать, какие элементы формы получают уведомления об изменениях состояния формы. 

Функции:
1. Совместима со всеми веб-фреймворками;
2. Полноценная и расширяемая реализация;
3. Автономность.

👉 @fullstack_libs

Kaleidoscope

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

👉 @fullstack_libs

Snap svg

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

👉 @fullstack_libs

Штрих-код

Сделан из множества HTML элементов li, которым автор задаёт разную ширину, а также добавлен анимированный считывающий лазер.

👉 @fullstack_libs

Crazy Rumble type effect 

При реализации использованы css анимации и JavaScript для определения цвета летящих букв, и их положения.
Кликните по «бумаге», чтобы взять ее в фокус, и начните вводить свой текст.

👉 @fullstack_libs

Simple CARD hover effect

Выполнена на CSS. С помощью псевдокласса :hover и свойства transform автор двигает изображения.

👉 @fullstack_libs

Трансформация логотипа

Выполнена как svg изображение, свойство которого изменяются и анимируются на JS.

👉 @fullstack_libs

wifimouse

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

👉 @fullstack_libs

Screen size map

Карта размеров экрана сравнивает размеры области просмотра в пикселях, не зависящих от устройства, для планирования гибких и гибких макетов для создания великолепных UX / UI в цифровых продуктах.

👉 @fullstack_libs

CSS to JS

Сервис, позволяющий преобразовывать CSS в JS.

👉 @fullstack_libs

Stretchy

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

👉 @fullstack_libs

Jotai

Jotai описывает себя как примитивное решение для управления состоянием для React и конкурента Recoil. Это довольно минималистично - меньше API для изучения; и если ты понимаешь хук useState в React, ты, вероятно, поймешь хук Jotai useAtom.

👉 @fullstack_libs

Form.io

Библиотека является простым средством визуализации форм JavaScript и SDK, это позволяет отображать формы схемы JSON, и отображать их в вашем приложении с использованием простого JavaScript.

👉 @fullstack_libs

Animated Weather Cards

Все анимации созданы c использованием библиотеки TweenMax. Логика переключения погоды реализована в JS.

👉 @fullstack_libs

iView

Высококачественный набор инструментов для компонентов пользовательского интерфейса, созданный на основе Vue.js. Он был создан TalkingData для настройки тем, многоязычного развертывания и других функций, что значительно повысило эффективность разработки.

👉 @fullstack_libs

ApexCharts

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

Функции:
1. Оболочки для популярных фреймворков, таких как React, Vue и Angular;
2. Обширная документации и кроссбраузерная поддержка;
3. Единый и простой в использовании API.

👉 @fullstack_libs

MUI

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

👉 @fullstack_libs

RxJS

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

RxJS активно используется в фреймворке Angular, а также с Vue (Vue-rx) и лежит в основе реализации middleware для Redux (redux-observable) для React.

👉 @fullstack_libs

Rating Experience

Автор стилизует input[type="range"]. Через JavaScript он задаёт классы, зависящие от значения инпута. Анимации созданы в CSS.

👉 @fullstack_libs

Lottie JS

Библиотека, которая анализирует анимацию Adobe After Effects, экспортированную как json с помощью Bodymovin, и отображает ее на мобильных устройствах и в web.

👉 @fullstack_libs