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

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

Для связи: @devimper
Download Telegram
DiscordJS

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

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

Здесь созданы псевдо элементы, к которым применяется бесконечная анимация. В этой анимации изменяется CSS свойство transform со значением scaleX от 0 до 1.

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
Before After Image Slider

Автор изменяет ширину картинки при изменении положения слайдера. Логика работы реализована в JS.

👉 @fullstack_libs
Mint UI

Это библиотека мобильных компонентов, созданных на CSS и JS, которые могут быть использованы для создания мобильных приложений. Использование этой библиотеки поможет вам еще быстрее создавать веб-страницы в едином стиле.

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

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

👉 @fullstack_libs
SWR

Название SWR происходит от stale-while-revalidate, способа кэширования, который сейчас набирает популярность в frontend-разработке. Он позволяет загружать кэшированный контент сразу же, и сразу же его и обновляет, чтобы в будущем обрабатывать уже новый контент.

SWR – это библиотека хуков React, разработанная Vercel. Она позволяет извлекать данные из API или другого внешнего источника, сохранять их в кэше, а затем рендерить.

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
Reaction Social Media Card with ReactJS

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

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
Cassette Player

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

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
Interactive solar system

Анимация для системы создана при помощи Three.js. При нажатии на каждую планету выводится информация о ней.

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
Rotation Navigation

В этой реализации автор создал импровизированный слайдер с интересным эффектом переключения.

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

Подборка загрузчиков, представляющих из себя svg-картинки, анимированные в CSS.

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
3D Carousel Room

Эффект 3Д создается при помощи CSS трансформаций. Логика переключения слайдов реализована в JS и завязана на положение курсора.

👉 @fullstack_libs
Yakpdf

API для преобразования HTML в PDF. Независимо от того, нужны ли вам счета для вашей e-commerce
или расширенные отчеты для вашего стартапа, Yakpdf API предоставит возможность создания PDF-файлов всего одним http-запросом. CSS Grid Layout, SVG, WebFont и все, что работает на Chromium, работает с Yakpdf API. Компания использует AWS cloud и не хранит данные пользователей при их обработке.

👉 @fullstack_libs
Voice RSS

API, преобразовывающее текст в речь. Сервис являтеся полностью кросс-платформенным. Для использования не требуется установка какого-либо стороннего программного обеспечения. API позволяет конвертировать текстовое содержимое в следующие кодеки: MP3, WAV, AAC, OGG, CAF.

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
Spinny flipz

Анимация кручения создана при помощи библиотеки gsap. Кроме того, автор создал анимацию, вызываемую при выборе конкретной карточки.

👉 @fullstack_libs
Vuesax

Этот набор компонентов Vue делает интерфейсное программирование проекта последовательным и плавным. Vuesax предлагает множество доступных компонентов, которые вы можете адаптировать в соответствии со своими требованиями и легко применить в проекте.

👉 @fullstack_libs
TypedJS

Эта библиотека JS предоставляет анимацию для набора текста, которую можно добавить в любое приложение JS. Она предоставляет красивую анимацию, отображающую текст, набираемый по одной букве.

👉 @fullstack_libs
JSEncrypt

С помощью этой библиотеки можно реализовать RSA шифрование для JS приложений. По сути, это удобная обертка над шифрованием, которая делает процесс user friendly.

👉 @fullstack_libs
Recoil

Экспериментальная библиотека управления состоянием JavaScript, разработанная Facebook. Recoil решает многие проблемы, с которыми сталкиваются более крупные приложения при использовании существующего Context API:

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

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
UI5 Web Components

Небольшая библиотека многоразовых компонентов пользовательского интерфейса корпоративного уровня. Может использоваться с любой текущей или будущей средой веб-разработки (React, Angular, Vue и т. д.).

👉 @fullstack_libs