Cool Text — красивая анимация текста, реализованная с помощью CSS-правила @keyframes

#css

Multi Range input — кастомные input типа диапазон на чистом CSS, стиль которых можно легко настроить.

#css

Sticky-Stacked Cards — карточки, собирающиеся в стопку при прокрутке страницы. Реализованы на чистом CSS.

#css

Horizontal scroll section — секция с горизонтальной прокруткой, реализованная с помощью GSAP.

#gsap

Event Cards — карточки с информацией о событий, реализованные с помощью React.

#react

CSS Card Hover Effects — карточки с анимацией раскрытия контента при наведении, реализованная на чистом CSS.

#css

Order confirm animation — анимация подтверждения заказа при клике, реализованная с помощью jQuery.

#jquery

CSS Image reveal with filter && clip-path — изображения с эффектами при наведении, реализованные с помощью CSS-фильтра clip-path.

#css

Toggle buttons — кнопки переключения в современном стиле на чистом CSS.

#css

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