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

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

💾 SVG Icons Animated With CSS – анимированные иконки для обозначения погоды. У некоторых из них маленькие элементы не просто двигаются, а становятся прозрачными.

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

💾 Hexagon Grid Ripple Effect – контейнер с шестиугольными карточками для иконок. При нажатии создается эффект волны.

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

🐙 Swagger UI – это набор инструментов HTML, JavaScript и CSS для работы с сайтами. Он позволяет генерировать документацию с помощью API, совместимого со Swagger.

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

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

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

🖥 Android Material You UI Kit – мобильный дизайн в приглушенных оливковых тонах. Здесь есть экраны для даты и времени, калькулятор, а также дизайн настроек телефона, звонков и чатов.

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

💾 Bokeh Background – объемный многослойный фон, который двигается вслед за курсором и меняет цвет при нажатии на экран.

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

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

HEX | RGB
#F9BACB | rgb(249,186,203)
#B7B129 | rgb(183,177,41)
#4B442B | rgb(75,68,43)

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

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

✍️ Source Code Pro – моноширный шрифт с закругленными буквами, который был разработан как дополнительный к шрифту Source Sans. Пример есть в сниппете Futuristic Card Effect

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

💾 Clean Toast Notification – карточки с уведомлениями для четырех кейсов: успех, помощь, предупреждение и ошибка. При наведении курсора крестик на карточке меняет фон на цветной.

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

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

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

💾 CSS Only 3D Image Carousel – объемная галерея для фотографий в виде кольца из карточек. При наведении курсора фото становится цветным, а движение останавливается.

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

✍️ Ivy Mode – гротескный шрифт с высокой контрастностью, имеет слегка расширяющиеся окончания штрихов. Пример можно посмотреть в макете Velvety

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

🎨 Цветовая палитра макета "Android Material You UI Kit"

HEX | RGB
#F8FDD9 | rgb(248,253,217)
#BDCD68 | rgb(189,205,104)
#50514A | rgb(80,81,74)

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

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

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

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

💾 Custom Rhombus Shape – шаблон в виде ромбов для изображений или карточек с текстом. Каждый ромб меняет цвет и анимируется при наведении курсора либо по нажатию.

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

🖥 Neo-Brutalism UI Kit – дизайн в ретро-стиле с яркими цветами и насыщенными черными тенями, напоминающий о первых днях интернета.

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

💾 Interactive Gradient – градиентная подсветка фона с плавным нарастанием прозрачности к краю. Если не двигать курсор, фон все равно будет находиться в движении.

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

🐙 Ghost – мощная платформа для работы с публикациями, которая позволяет создавать веб-сайты, заливать контент, делать рассылки и управлять платными подписками.

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

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

HEX | RGB
#FFF3C3 | rgb(255,243,195)
#FE9778 | rgb(254,151,120)
#7BA9FF | rgb(123,169,255)

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

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