💾 Neural Noise – эффект для фона, который напоминает плазму. Пучки света двигаются за курсором, на нажатия они не реагируют.

Сайтодел | #сниппет #css

💾 Toilet Paper Toggle – переключатель для текстов или изображений. Этот эффект можно использовать для выбора ответа.

Сайтодел | #сниппет #css

🎨 Цветовая палитра макета "Modern E-Commerce UI Kit"

HEX | RGB
#FAF4E7 | rgb(250,244,231)
#FBE1A8 | rgb(251,225,168)
#ADA195 | rgb(173,161,149)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

🖥 Money Forest – дизайн приложения для ведения личного бюджета. Здесь есть много инфографики, а также фоновые пейзажи в пастельных тонах.

Сайтодел | #макет #figma

💾 Aqua Wave Orb Animation – анимированный круг с "водой" внутри. Его можно использовать в качестве спиннера на сайте.

Сайтодел | #сниппет #css

🖥 Travel & Hotel Booking Light Mobile App – дизайн мобильного приложения для бронирования отелей. Акцент здесь сделан на спокойных серо-бирюзовых оттенках и скругленных углах.

Сайтодел | #макет #figma

🐙 Annyang – небольшая javaScript-библиотека для распознавания речи. Она дает возможность управлять сайтом с помощью голосовых команд.

Сайтодел | #репозиторий #github

💾 Folding Travel Carousel – галерея для изображений в виде сложенного листа бумаги. Выбранное фото раскрывается при наведении курсора.

Сайтодел | #сниппет #css

💾 Hover Effect for Headers – восемь анимированных эффектов для заголовков слайдов. Некоторые из них влияют на отдельные буквы, а некоторые – на всё слово.

Сайтодел | #сниппет #css

🎨 Цветовая палитра макета "Agriculture Landing Website Templates"

HEX | RGB
#D4D4BE | rgb(212,212,190)
#49A760 | rgb(73,167,96)
#1F4E3D | rgb(31,78,61)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

💾 Parallax Depth Cards – карточки, имитирующие объемное изображение под стеклом. Каждая карточка вращается в пространстве и показывает скрытые края картинки.

Сайтодел | #сниппет #css

🖥 Codext – дизайн лендинга для обучающей платформы. В качестве основных выбраны холодные цвета: оттенки синего, голубого и фиолетового.

Сайтодел | #макет #figma

💾 Navigation – шкала этапов, которая показывает карточку с информацией при наведении на элемент. В карточке есть ссылка на полную страницу с этапом выполнения чего-либо.

Сайтодел | #сниппет #css

🎨 Цветовая палитра макета "Vegan Club Website":

HEX | RGB
#D6E437 | rgb(214,228,55)
#F47497 | rgb(244,116,151)
#216903 | rgb(33,105,3)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

🎨 Цветовая палитра макета "MeTime Mobile Web App":

HEX | RGB
#CBCBCB | rgb(203,203,203)
#FDCCC5 | rgb(253,204,197)
#816967 | rgb(129,105,103)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

🐙 Drawio – инструмент для создания диаграмм, ментальных карт, блок-схем и инфографики. Интегрируется с Google-инструментами, Github, Gitlab и Notion.

Сайтодел | #репозиторий #github

🖥 Food App Design – дизайн мобильного приложения для доставки еды с контрастным сочетанием кремового и малинового цветов.

Сайтодел | #макет #figma

💾 AI Inside – спиннер в виде объемного кольца, созданный с помощью библиотеки анимации GSAP. В середине спиннера скрыт еще один графический элемент.

Сайтодел | #сниппет #css

💾 CSS Dropping Letters – необычный эффект набора текста, при котором строки напоминают элементы коллажа. Подойдет для креативных заголовков на сайтах.

Сайтодел | #сниппет #css

💾 Hamburgers – набор анимированных иконок для меню. Анимация сделана за счет вращения, а также расширения иконки вниз и вверх.

Сайтодел | #сниппет #css

🐙 React Player – компонент React для воспроизведения различных URL-адресов, включая пути к файлам, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia и DailyMotion.

Сайтодел | #репозиторий #github