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

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

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

Сервис, который позволяет создавать мета теги со своим контентом, а затем просматривать, как ваша веб-страница будет выглядеть в Google, Facebook, Twitter и др.

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

Создавайте и редактируйте SVG иконки онлайн.
Это самый быстрый, простой и мощный сервис для бесплатного редактирования цвета SVG.

👉 @fullstack_libs
OneLang

Сервис, который поможет вам сконвертировать синтаксис с одного языка на другой.

👉 @fullstack_libs
Am I Responsive

С помощью данного сервиса вы можете проверить адаптивность своего сайта на различных устройствах - нужно всего-лишь ввести url сайта.

👉 @fullstack_libs
FileSaver

Библиотека для скачивания файлов через JavaScript.
Казалось бы, нет ничего сложного в том, чтобы скачать файл и без библиотеки. Но в различных браузерах, например IE или Safari это может быть не так просто как кажется.

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
Simple mobile navigation

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

👉 @fullstack_libs
Jimp

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

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

Реализовано на Vue. К различным элементам применяются бесконечные CSS анимации.

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Loading Animations

Подборка оригинальных загрузчиков на чистом CSS.

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

При изменении положения слайдера изменяются значения дата-атрибутов, которые влияют на отображаемый контент.

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

Здесь автор использует canvas и particlesJS для создания анимированных эффектов на странице.

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

Автор реализовал сцену на canvas и JS. Сторонние библиотеки не были использованы.

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

Мини-игра, в которой нужно найти пары одинаковых карточек. Логика сделана на JS.

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
Flipping card effect

При наведении на карточку, автор изменяет CSS свойство transform со значением translateY.

👉 @fullstack_libs
Easy canvas

Эта очень простая, абсолютно бесплатная, но в то же время сильная библиотека, которая создана специально, чтобы облегчить использование canvas в html.

👉 @fullstack_libs
react-form

Библиотека создана на основе React хуков. У неё очень гибкий и удобный API для создания полей ввода для формы.

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
Cat Swinging on String

Реализовано без использования JS. В SCSS автор реализовал функции, которые вызываются в анимациях, что позволило сократить повторения кода.

👉 @fullstack_libs
React Query

Извлекайте, кэшируйте и обновляйте данные в приложениях React и React Native, не касаясь Global State.

👉 @fullstack_libs
React Responsive

Чтобы сделать любые приложения React отзывчивыми без использования CSS, обязательно ознакомьтесь с библиотекой React Responsive.

👉 @fullstack_libs
This media is not supported in your browser
VIEW IN TELEGRAM
Gradient Stroke & Bounce

Оригинальный лоадер, сделанный из svg-картинки и анимированный в CSS.

👉 @fullstack_libs