CodePen Home Gravity - красивая анимация часов с точной физикой гравитации, реализована с помощью GSAP.

#gsap

Compass Preloader - еще одна интересная анимация, отображающая загрузку. Реализована на чистом css

#css

Mini Music Player - музыкальный плеер с красивым интерфейсом, выполненным в стиле минимализма, реализованный с помощью VueJS и GSAP.

#vue #gsap

CodePen Home Gravity - красивая анимация прогресса загрузки файла, написанная с помощью css

#css

Light / Dark / Black Theme - реализация смены светлой темы на темную и полностью черную, написанная на css

#css #html

Simple Music App UI Design - простой, но в тоже время необычный дизайн UI музыкального приложения.

#css #html

Moon and stars — полумесяц на ночном небе с анимацией движения звезд, реализованный на чистом CSS.

#css

CodePen Home Progress Circle - Анимация круга загрузки с процентами

#css #javascrip

Image Hover Effects — несколько вариантов эффектов при наведении на блоки с изображением и текстом. Реализованы на чистом CSS.

#css

Emerging Tooltip - лаконичная реализация всплывающей подсказки при наведении мыши на иконку.

#css #html

Matter Chaos - некий маятник, который при каждом обновлении деалет разные движения. Можно использовать как прелоадер пока загружаются данные на странице.

#css

<meta name="theme-color"> - палитра цветов. Можно встроить в сайт, например для того, чтобы пользователь сам мог менять себе фон.

#css

Animated gooey menu bar - меню с "липкой" анимацией при переходе с одного раздела на другой.

#css #html

Sparkling circles — сверкающиеся круги из частиц, которые вращаются с разной скоростью. Реализованы с помощью CSS и JavaScript.

#css #javascript

Textarea auto height — автоматическая увеличение и уменьшение высоты текстовой области в зависимости от количества вводимого внутри текста. Реализовано с помощью JavaScript.

#javascript

GTA 5 poster — постер для игры GTA 5, реализованный на чистом CSS.

#css

Animated Periodic Table — анимация элементов таблицы Менделеева в зависимости от агрегатного состояния вещества: твердое, жидкое или газообразное. Реализована с помощью D3.js.

#d3js

Quick details with zoom view — адаптивные карточки товаров с подробным просмотром товара в модальном окне. Реализованы с помощью CSS и jQuery.

#css #jquery

Remove Elipsis & Reveal - реализация скрытия и раскрытия текста.

#css #html

What if Sliders actually slid? - интересная реализация ползунка для изменения значения. Приколюха заключается в том, что можно как бы разогнать его и он полетит будто по инерции вперёд, если скорость велика, то он отпрыгнет назад и тд.

#css

Rubber Slider - интересная идея для ползунка! Очень приятный и минималистичный ползунок регулирования

#css