🐙 Noi – платформа для интеграции искусственного интеллекта с веб-сайтами. Она содержит наборы инструментов, плагины и функционал для создания заметок.

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

💾 Triple Venn Diagram Dots – спиннер из трёх окружностей. Каждая из них вращается, имеет свой цвет и состоит из пульсирующих элементов.

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

🐙 Frontend Dev Bookmarks – список полезных ресурсов для фронтенд-разработчиков. Тут есть материалы по языкам, API, рабочим процессам, архитектуре проектов и совместимости.

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

💾 Deconstructed Cards – два варианта карточек с эффектом зума и подвижным фоном. Текст в активном режиме становится ярче, а графика – заметнее.

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

✍️ Instrument Sans – скругленный шрифт без засечек, вдохновленный неогротесками. Подходит для крупных блоков текстов. Шрифт используется в поле ввода имени в сниппете Signature Animation

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

🖥 Hubspot – пример дизайна приложения для тренировки полезных привычек. Основные приёмы – контраст основных цветов, иллюстрации с черным контуром и крупные заголовки.

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

🎨 Цветовая палитра макета "Smart Home Automation App"

HEX | RGB
#E2FFA3 | rgb(226,255,163)
#DB9556 | rgb(219,149,86)
#5E5E5E | rgb(94,94,94)

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

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

💾 Cuboid – полупрозрачный куб с градиентными гранями. Его можно использовать как спиннер для загрузки страницы или как самостоятельную анимацию.

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

🐙 Gitbook – удобный инструмент для составления документации, который использует Git и Markdown. Поддерживает дополнительные расширения и плагины.

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

✍️ Neuton – шрифт с засечками, который имеет компактные символы для более удобного размещения на экране. Пример можно увидеть в небольших подзаголовках в сниппете Animated Text Fill

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

💾 Services Section – карточки с выдвигающимся фоном и композицией из четырех картинок-сегментов. В активном состоянии цвет текста становится ярче.

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

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

HEX | RGB
#F0FF8A | rgb(240, 255, 138)
#C1AFF5 | rgb(193, 175, 245)
#C5C5C5 | rgb(197, 197, 197)

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

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

💾 Legally Distinct Pocket Pet – карточка питомца с отсылкой к старым компьютерным играм и стилю 90х. Поворачивается только в одну сторону.

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

✍️ Tangerine – каллиграфический шрифт с высокими заглавными буквами, который подходит для коротких надписей. Пример шрифта есть в заголовке в сниппете Zoom Grid On Scroll

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

🖥 Photography Editorial – дизайн лендинга для фотопроекта. Здесь подчеркивается контраст: ярко освещенные фото и темный фон, большие заголовки и маленькие тексты.

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

💾 You Can Scroll – эффект прокрутки, который работает для всей страницы и для блока с текстом. В настройках можно выбрать темную или светлую тему, а также настроить оттенки и анимацию.

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

🐙 CSS-Protips – подборка из 29 полезных советов по работе со стилями. В некоторых пунктах есть ссылки на документацию и примеры кода.

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

💾 3D Realistic Bee – лендинг с 3D-анимацией пчелы и 3D-иллюстрациями на заднем плане. Текст находится "между" этими двумя слоями.

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

🖥 Fitstreak – дизайн мобильного фитнес-приложения с акцентом на градиенты, многослойность и полупрозрачный фон. Здесь обыгран контраст серого и лаймового цветов.

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

💾 Animated Hover Disclosures – интерактивные карточки с цепляющим минималистичным дизайном. В неактивном состоянии цвет шрифта и иконок становится светлее.

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

🎨 Цветовая палитра макета "Photography Editorial"

HEX | RGB
#D6FF11 | rgb(214, 255, 17)
#FB5335 | rgb(251, 83, 53)
#106B63 | rgb(16, 107, 99)

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

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