Phone Contacts App

Вёрстка приложения с контактами на HTML и CSS.

👉 @fullstack_libs

CSS Marquee Logo Wall

Анимированный слайдер с логотипами в виде svg картинок.

👉 @fullstack_libs

Leaflet.js

Библиотека для создания интерактивных карт. Из особенностей:
адаптация под мобильные устройства;
кроссбраузерность;
открытый исходный код;
малый вес;
хорошая документация.

👉 @fullstack_libs

Ramda

Ramda — это JavaScript библиотека для функционального программирования. Одна из прекрасных сторон JavaScript — это то, что разработчики могут выбирать между функциональным и объектно-ориентированным программированием. У обоих подходов есть как плюсы, так и минусы, но, если вы предпочитаете именно функциональное, то стоит определённо обратить внимание на Ramda. Подробный обзор по ссылке.

👉 @fullstack_libs

animated tabs

Табы, сверстанные на HTML и CSS, анимированные библиотекой gsap.

👉 @fullstack_libs

Beat Burger

Приложение на React, анимированное библиотекой gsap. При нажатии на элементы проигрываются звуки.

👉 @fullstack_libs

Rotating border

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

👉 @fullstack_libs

Social Media Illustration

Просто верстка на HTML и CSS. Переключатель - это чекбокс, при активации которого изменяются CSS стили.

👉 @fullstack_libs

Vintalight: Lightbox Gallery Hover Effect

Свёрстано с использованием препроцессоров Pug и SCSS. При наведении задействуются CSS трансформации.

👉 @fullstack_libs

Spinner and Balls

Оригинальный загрузчик на HTML и CSS.

👉 @fullstack_libs

Animated Navbar Icons

Это svg картинки, анимируемые библиотекой anime.js.

👉 @fullstack_libs

Season calendar

Весь календарь - это svg картинка, анимируемая в JS библиотекой gsap.

👉 @fullstack_libs

Overlap image & text using

Пересечение элементов сделано при помощи CSS Grid.

👉 @fullstack_libs

Letterize.js

Letterize.js - библиотека для анимации текста. Помещает каждую из букв в отдельный блок и использует их в процессе анимации.

👉 @fullstack_libs

Counter

Счетчик, созданный с использованием препроцессоров Haml и SCSS.

👉 @fullstack_libs

Anime.js

Легкая библиотека анимации JavaScript с простым, но мощным API. Он работает со свойствами CSS, SVG, атрибутами DOM и объектами JavaScript.

👉 @fullstack_libs

Algolia Places

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

👉 @fullstack_libs

TweenJS

Простая, но мощная библиотека JavaScript для анимации и анимации свойств HTML5 и JavaScript. Работает автономно или интегрировано с EaselJS.

👉 @fullstack_libs

Tailwind CSS

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

Основная идея состоит в том, что при разработке проекта вам не нужно иметь дело с таблицами стилей и беспокоиться о том, как переопределить тот каскад из 10 селекторов, который вот уже 2 года преследует ваше приложение.

👉 @fullstack_libs

Spirit Studio

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

👉 @fullstack_libs