Mask Text / CSS Clip — анимация текста, реализованная с помощью CSS и GSAP.

https://codepen.io/JuanFuentes/pen/MWexRNG

Codepen Amazing

Variable Fonts on Threejs — анимация движения текста с применением вариативных шрифтов, реализованная с помощью Three.js.

https://codepen.io/JuanFuentes/pen/jOVeOvB

Codepen Amazing

Look At Pointer — анимация движения линий за курсором мыши, реализованная с помощью CSS и JavaScript.

https://codepen.io/JuanFuentes/pen/bPGVZx

Codepen Amazing

Orbiting Through Torus — анимация объемных фигур, реализованная с помощью Three.js.

https://codepen.io/hexagoncircle/pen/MWJoYxv

Codepen Amazing

Tetradic Color Palette — игра с анимацией сдвига в перспективе и применением цветовой палитры Tetradic. Реализована с помощью CSS и JavaScript.

https://codepen.io/hexagoncircle/pen/xxRNRwP

Codepen Amazing

Fancy Flyout Selector — плавная анимация всплывающего меню, реализованная с помощью Vue.js.

https://codepen.io/bloqhead/pen/PoYjgjq

Codepen Amazing

Horrible UX: Bad Buttons — неотлипающаяся кнопка "Subscribe" и кнопка "Unsubscribe", которую невозможно нажать, реализованные с помощью React.

https://codepen.io/jh3y/pen/KKvvPrP

Codepen Amazing

Scrolly Path — причудливая анимация пути при прокрутке страницы, реализованная с помощью SVG, GSAP и ScrollTrigger.js.

https://codepen.io/team/keyframers/pen/poebgbg

Codepen Amazing

CMY Title — текст с красивым эффектом при движении курсора мыши, реализованный с помощью CSS и JavaScript.

https://codepen.io/JuanFuentes/pen/QWyPxOz

Codepen Amazing

Weird Gross Toggler — переключатель с анимацией переключения в виде жидкости, реализованный с помощью input(type="checkbox"), псевдоэлементами CSS и фильтром SVG.

https://codepen.io/bloqhead/pen/dEaxgN

Codepen Amazing

Antsy Toggles — переключатели с анимацией беспокойного дрожания, реализованные на чистом CSS.

https://codepen.io/bloqhead/pen/pozQgZE

Codepen Amazing

Vue Slider UI Interaction — пример интерактивного интерфейса в слайдере, реализованный с помощью Vue и Vibrant.js.

https://codepen.io/xdesro/pen/dEwMOq

Codepen Amazing

Alternating Sections — адаптивная страница с чередующимися разделами. Направление текста можно переключать с LTR на RTL. Страница реализована с помощью CSS и JavaScript.

https://codepen.io/hexagoncircle/pen/bGWmExK

Codepen Amazing

Perlin Waves on PIXI — анимация волн с возможностью настроек движения, вращения и цвета волн. Реализована с помощью Pixi.js.

https://codepen.io/JuanFuentes/pen/WNwVzpv

Codepen Amazing

Fancy Button — кнопка с эффектом обрезанных углов, реализованная на чистом CSS.

https://codepen.io/bloqhead/pen/ErOjEL

Codepen Amazing

Return of the Bended Text Effect — эффект изгибающегося текста с использованием CSS-свойства clip-path.

https://codepen.io/mandymichael/pen/YzqEEVY

Codepen Amazing

Hamburger menu animation — кнопка меню. Реализована с помощью CSS и JavaScript

https://codepen.io/ashleyxdutton/pen/gQLZmv

Codepen Amazing

Splitting and motion path — анимация текста по определенному пути движения, реализованная с помощью Splitting.js.

https://codepen.io/michellebarker/pen/VwYOvJG

Codepen Amazing

Find The Rainbow — адаптивная игра "Найди радугу", реализованная с помощью CSS и JavaScript.

https://codepen.io/ilithya/pen/vodGee

Codepen Amazing

Like background animation — фон с движущимися простыми фигурами. Реализована с помощью CSS и JavaScript

https://codepen.io/Priler/pen/QpbyGd

Codepen Amazing