💾 Stripe Sessions Style Flex Carousel – галерея, в которой фото показывается при нажатии. Неактивные элементы имеют градиентный фильтр.

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

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

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

🐙 Appium – кроссплатформенный фреймворк для автоматизированного тестирования приложений. Написан с помощью Node.js и использует протокол W3C WebDriver.

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

💾 WebGL Flowers – эффект для курсора в виде цветов. Кликнув на экран, можно получить дополнительный цветок и провести линию, а нажав повторно – отключить эффект.

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

🎨 Цветовая палитра макета "Beauty Product Web Design"

HEX | RGB
#C6D8BE | rgb(198,216,190)
#A86F38 | rgb(168,111,56)
#304E50 | rgb(48,78,80)

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

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

💾 Neumorphic Buttons – объемные кнопки с тенью и скругленными краями. Их также можно использовать как карточки для информации.

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

✍️ Georgia – антиква, разработанная в 1993г. для Microsoft. Удобно читается на маленьких экранах и при небольшом размере шрифта. Пример этой гарнитуры есть в сниппете "Animated Covers"

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

🎨 Цветовая палитра макета "Money Forest"

HEX | RGB
#C8CDB7 | rgb(200,205,183)
#F7726C | rgb(247,114,108)
#066873 | rgb(6,104,115)

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

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

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

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

🐙 App Ideas – подборка идей для тренировочных мини-приложений. Идеи разделены на три уровня сложности и периодически пополняются.

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

💾 Slide Sign In/Sign Up Form – форма с переключением двух режимов: регистрация и вход. Правая и левая части плавно меняются местами.

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

🖥 The Art Of Geometry – набор 3D-фигур для дизайна. Тут есть матовые и глянцевые объекты, имитация стеклянных фигур и сложные геометрические формы.

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

💾 Curved Nav – элемент, который можно использовать как основу для меню или галереи изображений. Контраст создается за счет сложного градиентного фона.

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

💾 Responsive Shader Carousel – галерея, показывающая выбранное изображение на заднем плане. Перелистывать можно только с помощью двух кнопок.

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

🎨 Цветовая палитра макета "The Art Of Geometry"

HEX | RGB
#D4EEDB | rgb(212,238,219)
#F88484 | rgb(248,132,132)
#437A50 | rgb(67,122,80)

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

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

🐙 Awesomeplete – настраиваемый виджет для автозаполнения. Он создан в соответствии с современными стандартами браузеров и не имеет зависимостей.

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

💾 Star Trails With Options – эффект блестящих звездочек для курсора. Он имеет три варианта: с гравитацией (частицы летят вниз), без гравитации и постепенное затухание.

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

🖥 Sharing Bills App UI Design – дизайн приложения для отслеживания платежей за недвижимость. Все оттенки здесь светлые и теплые, есть много 3D-иллюстраций.

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

✍️ Apercu Pro – шрифт без засечек, который подходит для блоков текстов. Поддерживает кириллицу и латиницу. Пример шрифта есть в дизайне "Seafood Restaurant Landing Page"

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

💾 Custom Keyboard Landing Page – лендинг с вращающимся 3D-изображением клавиатуры. При скролле запускается анимация двух частей страницы.

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

✍️ New Kansas – шрифт с засечками, который подходит для заголовков, коротких надписей и логотипов. Пример шрифта есть на официальном сайте Expensify

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