💾 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

💾 Boxy Preloaders – лоадеры, в основе которых лежат квадраты и прямоугольники. Каждый элемент при движении меняет свой цвет.

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

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

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

💾 Toilet Paper Toggle – переключатель для текстов или изображений. Этот эффект можно использовать для выбора ответа.

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

🎨 Цветовая палитра макета "Modern E-Commerce UI Kit"

HEX | RGB
#FAF4E7 | rgb(250,244,231)
#FBE1A8 | rgb(251,225,168)
#ADA195 | rgb(173,161,149)

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

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

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

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

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

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