Codepens

Hover-эффекты

Различные действия при наведении на кнопку http://codepen.io/fox_hover/pen/bqZxLa

Элементы управления и интерфейса

Анимированный progress bar
https://codepen.io/dmitrytinitilov/pen/LRRdyr

Круглый progress bar
https://codepen.io/mgrsskls/pen/ZpOBVa

Пример работы цветных табов
http://codepen.io/tari/pen/mVdLXy

Загрузчики(Loaders) http://codepen.io/sfrisk/pen/rrKgoo

http://codepen.io/maaarj/pen/XMwdNv

Втягивающиеся частицы http://codepen.io/thebabydino/pen/aJXRJJ

Левитирующие блоки http://codepen.io/ahmedelmsery/pen/zZVLMN

Необычная сетка

http://codepen.io/jensimmons/pen/ZbPrQJ

Полоски и шестиугольники http://codepen.io/Kseso/pen/xqNdmO

Работа с текстом

Анимация контуров текста
http://codepen.io/yoksel/pen/XJbzrO

3D и прочие эффекты со шрифтом http://codepen.io/collection/XLRgYL/#

Анимации

Эхо-эффект http://codepen.io/nitishkmrk/pen/dvBwVw

Эффект-перетекания http://codepen.io/gpyne/pen/ryPQoZ

Скроллинг

Индикатор скроллинга на чистом CSS
https://codepen.io/MadeByMike/pen/ZOrEmr?editors=0100

Изменение CSS-переменных с помощью JavaScript
http://codepen.io/wesbos/pen/adQjoY

Сложный пример с календарем, используются препроцессоры
http://codepen.io/davidkpiano/pen/xwyVXO

Подборка пример интерфейсов для Frontend-разработки
http://codepen.io/collection/nMgKxJ/

CSS-картинки

Божья коровка http://codepen.io/emily_shirley/pen/rygpaY

SVG

Переменная облачность на SVG http://codepen.io/thebabydino/pen/dvEEqO

Подпись в реальном времени http://codepen.io/TWAIN/pen/ZeNEbQ

SCSS

Заколдованная роза на SCSS http://codepen.io/maaarj/pen/gmNeXd

Что-то про Sci-Fi на SCSS+PUG http://codepen.io/rgg/pen/MpMmmP

Примеры для медитации http://codepen.io/Fahscinate/pen/yJzxe