FullStack Libs
1.34K subscribers
117 photos
265 videos
47 links
Канал для Frontend и Backend разработчиков, в котором каждый день публикуются:

● Библиотеки
● Фреймворки
● Плагины и другие полезные ресурсы.

Для связи: @devimper
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Stretchy

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

👉 @fullstack_libs
Jotai

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

👉 @fullstack_libs
Form.io

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

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
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
This media is not supported in your browser
VIEW IN TELEGRAM
MUI

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

👉 @fullstack_libs
RxJS

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

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

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
Rating Experience

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

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
Lottie JS

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

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
mo.js

Библиотека анимированной графики javascript, которая является быстрой, готовой к работе с сетчаткой, модульной и с открытым исходным кодом. По сравнению с другими библиотеками, у него другой подход к синтаксису и структуре анимации кода. Декларативный API предоставляет вам полный контроль над анимацией, делая ее легко настраиваемой.

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
Popper.js

JavaScript-библиотека для создания всплывающих подсказок и предоставляющая механизм позиционирования всплывающих окон.

👉 @fullstack_libs
MoreToggles.css

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

👉 @fullstack_libs
Ring UI

Неплохая библиотека компонентов React от всеми известной JetBrains. Имеется большой набор компонентов среди которых есть действительно уникальные и полезные «штуки». Все компоненты имеют фирменный стиль JetBrains.

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
CSS glowing icons

Реализовано без использования JS. Цвет свечения анимирован в CSS при помощи изменения свойства filter со значением hue-rotate.

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
Debit Card

Вся карта - это одна svg картинка, анимируемая при помощи библиотеки gsap.

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
Skewed Slider

Этот уникальный слайдер создан на JS. Форма для слайдов задается свойством transform со значением skewX.

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
Переключатель день/ночь

Создан на React из svg картинки, которая анимируется библиотекой GSAP.

👉 @fullstack_libs
joi

Эта библиотека JS - мощный валидатор данных. Одна из распространенных проблем с JavaScript состоит в том, что с ними сложно работать и манипулировать данными. Joi помогает описывать данные простым, интуитивно понятным и читаемым языком.

👉 @fullstack_libs
PlotlyJS

Это независимая библиотека визуализации данных, которую можно использовать вместе с основными языками программирования, такими как JavaScript, Python и R. Библиотека JavaScript для Plotly - plotly.js. Её можно использовать для создания различных диаграмм, 3D-графиков, SVG и т. д.

👉 @fullstack_libs