✍️ Syne – геометрический шрифт, созданный в 2017 парижским арт-центром Synesthésie. Создатели экспериментировали с контрастностью и жирностью шрифта, чтобы вписать его в творческие проекты. Пример есть в дизайне Mid Mod

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

💾 Tile Hover Multi-Button – варианты выпадающего меню для карточек. Можно менять цвет фона, иконок и количество элементов в левом верхнем углу.

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

🎨 Цветовая палитра макета "Ice Cream Landing Page"

HEX | RGB
#F094DF | rgb(240,148,223)
#A10520 | rgb(161,5,32)
#400404 | rgb(64,4,4)

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

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

🐙 Layui – бесплатная UI-библиотека с веб-компонентами для быстрого и легко создания интерфейсов. Фреймворк основан на принципах минимализма и содержит в себе только самое необходимое.

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

✍️ Syne – геометрический шрифт, созданный в 2017 парижским арт-центром Synesthésie. Создатели экспериментировали с контрастностью и жирностью шрифта, чтобы вписать его в творческие проекты. Пример есть в дизайне Mid Mod

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

💾 Image Grids Animation – анимация для картинок в виде сетки из скругленных рамок. Шаблон подстраивается под ширину каждого изображения.

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

🎨 Цветовая палитра макета "Interior Design Website"

HEX | RGB
#CED4D2 | rgb(206,212,210)
#FFD476 | rgb(255,212,118)
#2C8879 | rgb(44,136,121)

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

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

✍️ Aston Script – каллиграфический шрифт с витиеватыми заглавными и строчными буквами. Пример использования можно посмотреть в заголовках макетов Colour Palettes/Moodboards

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

🐙 Transformers.js – библиотека, которая помогает обрабатывать естественный язык, генерировать и переводить тексты, классифицировать изображения, а также распознавать речь.

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

💾 Signature Animation – поле ввода, которое превращает текст в имитацию рукописной подписи. Эффект работает только с латиницей.

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

🐙 Aos – библиотека анимаций для JavaScript, сокращенно от "Animate On Scroll". Она позволяет не только пользоваться готовыми анимациями скролла, но и кастомизировать их для любого проекта.

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

🎨 Цветовая палитра макета "XIDE Serenity Springs":

HEX | RGB
#E5DFD6 | rgb(229,223,214)
#B19061 | rgb(177,144,97)
#3C2418 | rgb(60,36,24)

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

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

🐙 JSON Server – это библиотека с фейковыми REST API. Она поддерживает динамическую генерацию "баз данных", кастомную маршрутизацию и использование модулей.

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

💾 Cards – карточки, которые разворачиваются как книжка. В каждой из них есть анимированная кнопка и место для изображения.

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

💾 Atom Preloader – сложный лоадер в форме атома с элементами, которые вращаются в разные стороны. Кольца крутятся как в одной плоскости, так и по собственной оси.

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

✍️ Varela Round – шрифт со скругленными элементами букв, который подходит для экранных текстов и мелких заголовков. Пример использования можно посмотреть в сниппете Clean Toast Notification

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

💾 Alex the CSS Husky – анимация из нескольких элементов, написанная с помощью SCSS. Ее можно использовать для заголовка сайта или для страницы 404.

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

💾 Order Button Animation – анимация, которая появляется после нажатия кнопки вместо лоадера. Когда заказ принят, кнопка возвращается обратно.

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

✍️ REM – шрифт без засечек, который подходит для экранов устройств и брендинга продуктов. Пример можно посмотреть в сниппете "45 CSS Only Buttons"

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

🐙 Layui – бесплатная UI-библиотека с веб-компонентами для быстрого и легко создания интерфейсов. Фреймворк основан на принципах минимализма и содержит в себе только самое необходимое.

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