💾 CSS Only Shimmer Button – кнопка с эффектом подсветки. Неоновое свечение вращается по часовой стрелке всего пару секунд.

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

✍️ Asap – современный шрифт без засечек с закругленными углами, который был разработан специально для цифровых экранов. Его особенность - стандартизированная ширина символов, благодаря чему строки остаются одинаковой длины.

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

💾 Click/Tap Rhythm Password – эффект для кнопки с анимацией фона и изменением цвета. Можно настроить его не только на кейс с ошибкой, но и на успешное действие.

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

🐙 HTMX – мощные инструменты для HTML, которые работают с AJAX, CSS-переходами и веб-сокетами. Доступ к этим технологиям создается с помощью специальных HTML-аттрибутов.

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

💾 Procedural Birb – маленькие птички, параметры для которых генерируются рандомно. Можно создать свою иллюстрацию, задав необходимые черты в окне настроек.

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

💾 Infinite Scroll Animation – бесконечная прокрутка элементов, которая сделает сайт динамичнее и поможет уместить много заголовков в ограниченное пространство.

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

🎨 Цветовая палитра макета "Neo-Brutalism UI Kit"

HEX | RGB
#FFFB47 | rgb(255,251,71)
#B8FF9F | rgb(184,255,159)
#FF9FA0 | rgb(255,159,160)

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

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

💾 Infinite Random Gradients Generator – генератор градиентов для CSS, который поможет выбрать самые оригинальные сочетания цветов для вашего приложения.

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

💾 Hover Effect for Headers – восемь анимированных эффектов для заголовков слайдов. Некоторые из них влияют на отдельные буквы, а некоторые – на всё слово.

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

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

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

💾 World Places – трехмерная галерея для карточек с текстами и изображениями. В активном состоянии элемент "всплывает" и показывается пользователю.

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

💾 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