🐙 Aos – библиотека анимаций для JavaScript, сокращенно от "Animate On Scroll". Она позволяет не только пользоваться готовыми анимациями скролла, но и кастомизировать их для любого проекта.

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

💾 Simple Grid With Reveal – галерея, в которой изображение при наведении курсора становится цветным и визуально отдаляется. Сама карточка переходит из темного режима в светлый.

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

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

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

🖥 DesignCode UI – дизайн-система для создания мобильных приложений. Она включает в себя полупрозрачные скругленные карточки и элементы с разноцветными градиентами.

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

🐙 Annyang – небольшая javaScript-библиотека для распознавания речи. Она дает возможность управлять сайтом с помощью голосовых команд.

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

✍️ Manrope – современный шрифт без засечек, созданный для цифровых дисплеев. Он хорошо подходит для блоков текстов. Посмотреть шрифт можно на сайте проекта UI

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

🎨 Цветовая палитра макета "Fender Bender Guitar Tune"

HEX | RGB
#F9BA1D | rgb(249,186,29)
#FA00FF | rgb(250,0,255)
#4383FF | rgb(67,131,255)

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

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

💾 Animations – минималистичные подвижные волны, которые обрамляют заголовок. Анимация применяется к SVG-коду при помощи классов CSS.

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

🖥 Frosted Glass Button – дизайн кнопок с эффектом блюра. За полупрозрачным верхним слоем находятся разноцветные элементы.

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

💾 SVG Polygon Generator – генератор многоугольников. Здесь можно задать количество углов фигуры, ее радиус и расположение центра. Затем многоугольник можно вставить в HTML-файл в виде тега.

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

✍️ Fredericka The Great – шрифт, вдохновленный студенческими постерами, архитектурными эксизами и художественными скетчами. Он подойдет для крупных, но коротких надписей. Пример шрифта есть в сниппете This Is Not A Button

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

💾 Color Shaders – зернистый фон с анимированными градиентными бликами. Размытые элементы фона двигаются сами по себе, не зависимо от курсора.

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

🐙 ApiHub – набор бесплатных API, которые можно использовать в учебных целях или для портфолио. Коллекция охватывает различные отрасли и подходит для самых разных целей проекта.

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

🎨 Цветовая палитра макета "DesignCode UI"

HEX | RGB
#B7F2FA | rgb(183,242,250)
#3380DC | rgb(51,128,220)
#754098 | rgb(117,64,152)

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

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

💾 Neumorphic Liquid Slider – слайдер для погоды с анимированной шкалой. В зависимости от температуры меняется число градусов и цвет "воды".

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

💾 Loader – спиннер в виде капли, которая пульсирует и распадается на части. У каждого элемента есть падающая тень.

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

💾 Social Media Hover Icons – полупрозрачные иконки со скругленными краями. При наведении курсора появляется подсказка с названием, а фон становится непрозрачным.

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

🐙 Fabric.js – библиотека JavaScript для работы с <canvas> в HTML. Она поддерживает SVG-парсинг и позволяет создавать интерактивные объекты на холсте.

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

🎨 Цветовая палитра макета "Frosted Glass Button"

HEX | RGB
#E4FBBF | rgb(228,251,191)
#F8B2DA | rgb(248,178,218)
#649EFF | rgb(100,158,255)

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

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

🖥 Vision UI Dashboard React – дизайн сайта с инфографикой. Особенность сайта – градиенты синего и разная прозрачность элементов.

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

✍️ SF Pro Text – современный шрифт без засечек из семейства San Francisco. Подходит как для объемных текстов, так и для кратких подписей. Пример есть в сниппете Glide To Reveal

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