11 классных 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-разработчикам мы советуем почаще использовать такие готовые решения. Особенно когда речь идет о реализации трудных задач. Так у вас получится избежать многих лишних проблем. Изобретать заново велосипед вовсе не обязательно!