«Горячая оценка»

Оценивайте, нажимая на звезды и при зажатии увидите вашу "горящую оценку". Сделано с помощью HTML, SCSS, JS.

#html #scss #js #анимация

🔗 Ссылка на исходник
❤ @codpens

«Мягкий и реалистичный ползунок 1-10»

Бегунок с цифрами (от 1 до 10). Сделано с помощью HTML(Pug), SCSS, JS(Babel).

#html #scss #js #pug #babel #ползунок

🔗 Ссылка на исходник
💙 @codpens

«Загрузчик - Приготовление блинов»

Анимация загрузки в кулинарном стиле. Реализовано на чистом CSS.

#html #css #анимация

🔗 Ссылка на исходник
💜 @codpens

«Ползунок эмоций»

Ползунок эмоций с переливающимся диапазоном. Сделано с помощью HTML, CSS, JS.

#html #css #js #ползунок

🔗 Ссылка на исходник
💖 @codpens

«Мыльные UI»

Набор UI китов в виде мыльных пузырей . Сделано с помощью HTML, SCSS.

#html #scss #анимация #ползунок #переключатель

🔗 Ссылка на исходник
🤍 @codpens

«Поехали!»

Анимация пиксельной машинки, которая едет по дороге. Сделано с помощью HTML, CSS, JS(Babel).

#html #css #js #babel #анимация

🔗 Ссылка на исходник
💗 @codpens

«Цветы»

Анимация цветов, реализована с помощью CSS.

#html #css #анимация #js

🔗 Ссылка на исходник
💜 @codpens

«Шестиугольный SVG-шаблон»

Анимация вращающихся, разноцветных шестиугольников. Сделано с помощью HTML, CSS.

#html #css #анимация

🔗 Ссылка на исходник
💙 @codpens

«Интерфейс AI/ML»

Интерфейс разработанный AI/ML. Есть небольшая анимация при наведении. Сделано с помощью HTML, SCSS, JS(TypeScript).

#html #scss #js #typescript

🔗 Ссылка на исходник
🧡 @codpens

«Код для выпадающего текста для вопрос-ответ»

Шаблон для создания секций с вопросами и ответами на них. Сделано с помощью HTML, SCSS, JS.

#html #scss #js

🔗 Ссылка на исходник
💛 @codpens

«Table Flipping»

Анимация реализована при помощи библиотеки gsap.

#html #css #анимация #кнопки #js

🔗 Ссылка на исходник
💜 @codpens

«Шрифт с реакцией»

Шрифт, который реагирует на курсор. Сделано с помощью HTML, SCSS.

#html #scss #js #babel #анимация #текст

🔗 Ссылка на исходник
💛 @codpens

«Разноцветная загрузка»

Загрузка с изменением цвета. Сделано с помощью HTML, SCSS, JS.

#html #scss #js #svg #анимация

🔗 Ссылка на исходник
💖 @codpens

«Медуза»

Анимация собранных точек, похожих на медузу. Сделано с помощью HTML, CSS, JS.

#html #css #js #анимация

🔗 Ссылка на исходник
💗 @codpens

«Экран ошибки 404»

Приятная для глаза анимация экрана с ошибкой 404. Сделано с помощью HTML, CSS, JS.

#html #css #js #анимация

🔗 Ссылка на исходник
💜 @codpens

«Шрифт с реакцией»

Шрифт, который реагирует на курсор. Сделано с помощью HTML, SCSS.

#html #scss #js #babel #анимация #текст

🔗 Ссылка на исходник
💛 @codpens

«Размытый счетчик с помощью CSS / SVG / JS»

Счетчик с размытием. Сделано с помощью HTML, SCSS.

#html #scss #js #svg #анимация

🔗 Ссылка на исходник
💛 @codpens

«Пицца-загрузка»

Анимация загрузки в виде готовящийся пиццы. Сделано с помощью HTML, CSS, JS.

#html #css #js #анимация

🔗 Ссылка на исходник
💜 @codpens

«Интерфейс AI/ML»

Интерфейс разработанный AI/ML. Есть небольшая анимация при наведении. Сделано с помощью HTML, SCSS, JS(TypeScript).

#html #scss #js #typescript

🔗 Ссылка на исходник
🧡 @codpens

«Сонная капелька»

Кто-то только проснулся, кто-то уже работает, а капелька до сих пор спит. Сделано с помощью HTML, CSS, JS.

#html #css #js #анимация

🔗 Ссылка на исходник
💛 @codpens

«Карусель-слайдер с фотографиями»

Да-да, это действительно код с каруселью и слайдером одновременно. Сделано с помощью HTML, CSS.

#html #css #карусель #слайдер

🔗 Ссылка на исходник
💘 @codpens