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
Переключатель день/ночь

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

👉 @fullstack_libs
joi

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

👉 @fullstack_libs
PlotlyJS

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

👉 @fullstack_libs
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