💾 Rounded Grid – фотогалерея с закругленными углами. При наведении курсора изображение увеличивается и становится цветным.

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

🎨 Цветовая палитра макета "Plants Landing":

HEX | RGB
#E1BD9F | rgb(225,189,159)
#A09691 | rgb(160,150,145)
#284624 | rgb(40,70,36)

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

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

💾 Card Outer Glow Effect – анимированные карточки с эффектом неоновой подсветки. Будет отлично смотреться на сайтах с темной темой.

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

🐙 Regexgen – библиотека JavaScript, которая генерирует регулярные выражения, соответствующие набору строк. Чаще всего для обработки передается массив строк.

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

💾 Button Hover – анимация для кнопки. При наведении курсора на стрелку вся надпись плавно закрашивается цветом.

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

🖥 Fitness App – дизайн приложения с программами фитнес-тренировок. Палитра макета строится на контрасте монохромных цветов и ярко-зеленого.

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

💾 3D Fold Out Reaveal – анимированная галерея для изображений. При нажатии на галочку под картинкой появляется блок с текстом.

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

🐙 Chokidar – минималистичная и эффективная кроссплатформенная библиотека для просмотра файлов. В переводе с хинди название означает "сторож, привратник".

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

💾 Simple CSS Button Hover Effects – эффекты для кнопок, которые появляются при наведении мыши. Анимация не только двигает объекты, но и меняет их прозрачность.

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

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

HEX | RGB
#EC1146 | rgb(236,17,70)
#A83411 | rgb(168,52,17)
#2B211B | rgb(43,33,27)

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

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

💾 CSS 3D Flip Box – карточки для сайта, которые переворачиваются при наведении курсора. Особенность карточек - быстрая и реалистичная анимация.

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

🐙 Mini.css – простой и отзывчивый CSS-фреймворк с обширной документацией. Сам фреймворк создан на основе Sass, а его компоненты основаны на Flexbox.

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

💾 CSS Sliding Hover Effect – эффект просмотра изображений на сайте. При наведении курсора полупрозрачный темный фон исчезает ступеньками.

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

🖥 Crypto Wallet App – дизайн электронного кошелька для криптовалют. В нем преобладают оттенки сиреневого и ежевичного.

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

💾 CSS3 Menu Hover Effects – набор эффектов для панели меню. Здесь представлены три типа: горизонтальные линии, вертикальные разделители и выделение текста белым фоном.

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

🐙 Alpine.js – надежный и минималистичный JavaScript-фреймворк с исходным кодом для всех UI-компонентов, необходимых для создания приложений.

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

💾 Animated CSS Gradient Border – рамка для элемента сайта с анимированным градиентным фоном. Цвет меняется автоматически и не зависит от движения курсора.

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

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

HEX | RGB
#F0DAB2 | rgb(240,218,178)
#BCF246 | rgb(188,242,70)
#383F45 | rgb(56,63,69)

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

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

💾 Tab Bar Menu Animation – анимированное меню с плавным переключением вкладок. Если нажать на элемент, появится его название и светло-голубой фон.

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

✍🏻 Raleway – элегантное семейство шрифтов без засечек. Предназначен для заголовков и других больших размеров. Есть поддержка кириллицы. Пример показан в сниппете "Animated CSS Gradient Border"

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

🖥 Cafe Street Landing Page – дизайн лендинга для кофейни, выполненный в кремовых тонах с добавлением коричневого. Особенности лендинга - это минималистичные блоки с текстом и крупные изображения.

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