Gooey footer — "липкий" футер; анимация капель реализована с помощью jQuery.

#css #jquery

2020 Toggles — кастомные переключатели в современном стиле на чистом CSS.

#css

Animated Button — кнопка отправки данных с анимацией и сообщением об успешной отправке при клике. Анимация реализована с помощью JavaScript.

#css #javascript

Split 3D Carousel — 3D-слайдер, состоящий из двух кубов. Реализован с помощью jQuery.

#jquery

Neumorphic Elements — UI-элементы в современном стиле неоморфизма, реализованные с помощью CSS и JavaScript.

#css #javascript

ТОП-2 способа научиться создавать сайты:

✖️ Купить дорогой онлайн-курс
✔️ Подписаться на Сайтодел

Это крупнейшее сообщество Web-разработчиков в Telegram! Там делятся лучшими бесплатными материалами и уроками:

📲 Макеты, сниппеты, репозитории и даже цветовые палитры. Здесь собрано всё, что необходимо новичку!

Подписывайтесь и прокачивайте свои навыки: @sitodel 👈

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

#vue

Yet another slider — слайдер с тремя способами перелистывания изображений - нажатием на стрелки, скроллом и свайпом. Анимация перелистывания реализована с помощью GSAP.

#GSAP

3D carousel — 3D-слайдер, реализованный с помощью CSS и JavaScript. При прокрутке колеса мыши меняется радиус слайдера.

#css #javascript

Simple CSS Waves | Mobile & Full width — анимация волн, реализованная на чистом CSS.

#css

Animated Marker | Framer Motion — маркер на React, анимация реализована с помощью Framer Motion.

#react

Candy Color Button Animation — коллекция кнопок в стиле неоморфизма. Кнопки имеют эффектные анимации при наведении, реализованные на чистом CSS.

#css

Airplanes — анимация полёта самолета при прокрутке страницы, реализованная с помощью GSAP и ScrollTrigger.

#gsap

Solid — текст расщепляется при наведении на него. Анимация реализована с помощью GSAP.

#gsap

GSAP ScrollTrigger — анимация движения текста и изображений при скролле страницы, реализованная с помощью GSAP и ScrollTrigger.

#gsap #scrolltrigger

Custom Cursor — кастомный курсор, реализованный с помощью Anime.js.

#animejs

CSS Goey footer — футер с анимацией стекающих капель на чистом CSS.

#css

React Slider w/ Hover Effect — слайдер, созданный с помощью React, с оригинальным эффектом при наведении.

#css #javascript #react

Tabbar — панель вкладок с "жидкими иконками", анимация реализована с помощью GSAP и MorphSVGPlugin.

#GSAP

Liquid UI Elements — жидкие кнопки, радио-кнопки, переключатели и чекбоксы. Анимация реализована с помощью GSAP.

#gsap