💾 About Us Effect – эффект выплывающего изображения при наведении курсора. Портрет человека увеличивается по сравнению с фоном.

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

🖥 Calendar App – дизайн мобильного приложения для планирования событий в календаре. Приложение выполнено в теплых тонах с оттенками шоколадного, апельсинового и кирпично-красного.

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

💾 Animated Button – кнопка с hover-эффектом, которая увеличивается в размере и показывает дополнительные элементы дизайна на углах.

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

🐙 React Virtualized – компоненты React для эффективного отображения больших списков и табличных данных. Библиотека имеет очень мало зависимостей, и большинство из них управляются NPM автоматически.

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

💾 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