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
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
Proton

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

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

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

👉 @fullstack_libs
sliderjs

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

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

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

👉 @fullstack_libs
React Admin

Одна из лучших библиотек React для тех, кто разрабатывает приложения администратора на основе REST API или GraphQL.

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

Вёрстка реализована на препроцессоре Pug. Анимации созданы в CSS при помощи ключевого свойства keyframes.

👉 @fullstack_libs
Vuestic UI

В этой открытой и бесплатной библиотеки на сегодняшний день уже более 50 настраиваемых компонентов, которые полностью совместимы с Vue.js 3. Библиотека поддерживает самые популярные браузеры крайне проста в установке и использовании.

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

Существо создано при помощи библиотеки simplex-noise.

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

Вёрстка карточки профиля с правильными трансформациями при переключении между разделами.

👉 @fullstack_libs
vee-validate

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

👉 @fullstack_libs