💾 Button Hover Effect – анимированная неоновая подсветка для кнопок. При наведении курсора вместо лучей появляется светящийся прямоугольник.

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

✍️ Baskerville – старинный шрифт с засечками, который часто используют на сайтах для создания эффекта утонченной классики. Пример шрифта есть на официальном сайте Awesomeplete

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

🖥 Coffee Shop Mobile App – дизайн приложения для кофейни. Выполнен в темной теме со "вкусными" теплыми оттенками. Основные цвета – кремовый и шоколадный.

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

🖥 Smoothie Bowl Transition Prototype – прототип для анимации с вращающимися тарелками. Во вкладке "design" есть разные варианты цветового оформления страницы.

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

💾 Weather App Concept – анимация для мобильного приложения, написанная на чистом CSS. Лучше всего работает в Chrome.

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

💾 Parallax Tilt Effect Cards – эффект для карточек галереи, который поворачивает изображения в 3D. В активном режиме у каждой карточки появляется рамка.

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

💾 CSS-Only Shimmering Neon Text – эффект для текста с анимированной подсветкой и цветовым градиентом, написанный на чистом CSS.

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

💾 Kippo Hover Card Effect – подвижная галерея из изображений. При наведении курсора каждый раз наверху оказывается новая фотография.

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

🐙 UI – репозиторий с примерами простых компонентов пользовательского интерфейса. Элементы написаны на React.js и Next.js.

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

🐙 Eidos – альтернатива приложению Notion, которая работает оффлайн. Проект написан на языке TypeScript и имеет открытый исходный код.

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

✍️ Neue Montreal – нейтральный шрифт без засечек с четкими формами. Подходит для мелких текстов веб-страниц. Пример шрифта есть в макете Abstract 3D Coral Shapes

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

💾 Houdini-animated Spinners – набор анимированных спиннеров. Они отличаются друг от друга небольшими деталями, если смотреть слева направо.

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

🖥 Online Bike Shopping App – дизайн мобильного приложения для магазина велосипедов. Его особенность – интересные сочетания светлых и темных оттенков синего.

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

🖥 AI Photo Generator – дизайн для сайта с генерацией изображений. Основные особенности: контраст черного и фиолетового, неоновая подсветка, футуристичные шрифты.

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

🎨 Цветовая палитра макета "Snack Ordering App":

HEX | RGB
#F5B5D9 | rgb(245,181,217)
#D1C3EC | rgb(209,195,236)
#A094D0 | rgb(160,148,208)

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

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

💾 Side By Side Loader – необычный трехмерный лоадер в виде змейки. Выглядит интереснее, чем стандартная шкала загрузки.

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

💾 Vaporwave Sketchbook – генератор абстрактных скетчей. Подойдет для создания рандомных иллюстраций на страницах приложения.

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

🐙 Promises Unwrapping – спецификация для промисов в стандарте ES6. Содержит большое количество информации и примеры использования кода.

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

🎨 Цветовая палитра макета "Review & Rewards Leaderboard":

HEX | RGB
#FCC0DA | rgb(252,192,218)
#09CAD1 | rgb(9,202,209)
#6118CC | rgb(97,24,204)

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

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

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

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