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

Tabbar - очередная клёвая панель вкладок, реализованная на чистом css

#css

LUME shiny 3D image grid - при перемещении мыши картинки будто двигаются в пространстве. Появляется ощущение объёмности.

#css

Magnetic button animation - очень интересная реализация анимации без сторонних библиотек, реализованная на css

#css

CSS 3D Buttons - меню, которое меняет перспективу при наведения на неё мыши. Создаётся эффект 3D. Без использования JS.

#css

Spinner — анимация постоянного вращения загрузки, написанная с помощью React и GSAP.

#react #gsap