Tally Mark Preloader - экран загрузки сайта или приложения.

Подробнее 👇👇

Checklist - анимация для чек листа только на css.

Подробнее 👇👇

Tuggable Lamp - анимация включения лампы реализована на GSAP Draggable и MorphSVG.

Подробнее 👇👇

Infinite Cover View - бесконечный слайдер, с эффектом тени, реализован при помощи GSAP и Tailwind.

Подробнее 👇👇

Dropdown Profile Card - механика дроп дауна для карточки профиля в несколько строчек js.

Подробнее 👇👇

Generative SVG - генератор svg реализован на js.

Подробнее 👇👇

Locomotive Scroll - галерея с горизонтальным скролом и эффектом при наведение на фото.

Подробнее 👇👇

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

Подробнее 👇👇

Pricing Card - готовые карточки с выбором ценового плана на год или месяц.

Подробнее 👇👇

The Flame Keeps Burning - анимация огня реализована на js.

Подробнее 👇👇

Music player - еще один музыкальный плеер реализован на js.

Подробнее 👇👇

Button Interaction - красивое меню которое открывается при клике на кнопку.

Подробнее 👇👇

Magnetic button - магнитная анимация со сменой цвета при наведении на кнопку.

Подробнее 👇👇

Custom Radio Buttons - пользовательские радио-кнопки, выполненные на чистом CSS.

Подробнее 👇👇

Rolling Radio Buttons - прокручивающиеся radio-кнопки, выполненные с помощью HTML, CSS и JavaScript.

Подробнее 👇👇

Day-Night toggle switch - пример реализации переключателя "день-ночь" на чистом CSS.

Подробнее 👇👇

Music player widget - виджет музыкального плеера, реализован с помощью CSS и JavaScript.

Подробнее 👇👇

Modern Sidebar Menu - меню боковой панели в современном стиле с применением font-awesome. Реализовано на чистом CSS.

Подробнее 👇

Animated Fill and Strikethrough Checkboxes - анимация выполнения checkbox с помощью CSS и JavaScript.

Подробнее👇

Accessible Custom Toggle Switch - отличная демонстрация того, как разметить и стилизовать семантический checkbox, чтобы он выглядел и вёл себя как toggle switch. Реализована с помощью CSS.

Подробнее👇

Sale label - Несколько примеров реализации движущейся этикетки распродажи на чистом CSS.

Перейти 👇