Делаем добро вместе Детальнее

it Новости 11 классных GitHub-репозиториев для ваших проектов
11 классных GitHub-репозиториев для ваших проектов

11 классных GitHub-репозиториев для ваших проектов

24 475
21 сентября 2021 в 18:15

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

1. Lottie-Web/Bodymovin

Этот инструмент — один из моих любимчиков. Библиотека позволяет загружать анимацию из Adobe After Effects сразу на страницы вашего сайта.



2. Vue/React Content Loader

Представляет собой SVG-компонент, предназначенный для добавления плейсхолдера загрузки (по примеру карточек Фейсбук).



3. Magic Grid

Данная библиотека способна создавать адаптивную сетку для задачи стилей без @media. Вам нужно будет просто выбрать для нее контейнер и все — результат готов.


4. Hover.css

Нover-эффекты, доступные на CSS-препроцессорах Sass и LESS, для ссылок, кнопок, графических SVG-файлов и пр. Добавляйте их к любым элементам или просто используйте коллекцию для вдохновения. 


5. React Image Gallery

Элемент «карусель» для прокрутки и просмотра изображений.



6. RELLAX

Простая JS-библиотека для реализации эффекта параллакса. Сейчас работает и на смартфонах, планшетах.


7. React Motion

Проблем с анимацией у вас точно больше не будет. С этим репозиторием не нужно точно описывать все кадры в 90% случаев. Задайте значения только двум параметрам пользовательского интерфейса: damping и stiffness. Все прочее сделает магия физики. Так что, о мелочах можно не переживать. Это помимо прочего сильно упрощает процесс работы с программным интерфейсом приложения (API).



8. SVG.js

Популярная легковесная библиотека, которая позволяет работать с SVG, не внедряя зависимости.


9. mo · js

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


10. Reveal.js

Фреймворк с открытым исходным кодом для создания HTML-презентаций. Он дает возможность делать полнофункциональные проекты прямо в браузере.



11. Zdog

Эту библиотеку очень просто освоить. При этом она невероятно полезна! С ее помощью можно создавать 3D-объекты даже без специфических математических знаний. 


В заключение

Начинающим frontend-разработчикам мы советуем почаще использовать такие готовые решения. Особенно когда речь идет о реализации трудных задач. Так у вас получится избежать многих лишних проблем. Изобретать заново велосипед вовсе не обязательно!


Больше интересных новостей

Комментарии для сайта Cackle