🐙 Project Guidelines – список рекомендаций для работы с кодом JavaScript, документацией проекта, зависимостями, API и Git. Есть перевод на русский язык.

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

✍️ Vidaloka – экранный шрифт для заголовков и коротких блоков текста. Благодаря высокой контрастности он будет лучше всего смотреться в размере 16 пикселей и больше. Пример шрифта есть в дизайне Ray Ban Elegant Sunglasses Store App

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

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

HEX | RGB
#FBDEA4 | rgb(251,222,164)
#B53534 | rgb(181,53,52)
#5D7E58 | rgb(93,126,88)

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

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

💾 Trippy Text – многослойная подложка для текста, которая двигается как пружина. Чем дальше слои от основного текста, тем меньше они друг на друга накладываются.

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

✍️ Lexend – шрифт без засечек, созданный в 2018 году для более удобного и комфортного чтения текстов. Пример шрифта можно увидеть в заголовках сниппета "Stripe Sessions Style Flex Carousel"

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

💾 Clipped Image Reveal On Hover – эффект выделения текста, у которого фоном является изображение. Появляется при наведении курсора на строку.

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

💾 Sphere Packing – трехмерные шарики, которыми можно управлять с помощью курсора. Есть кнопки выбора цвета и управления гравитацией.

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

🐙 React Bits – репозиторий с полезными советами, техниками, паттернами и антипаттернами по React. Есть рекомендации по стилю и работе с UI-элементами.

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

💾 3D Product Cards – карточки с плавным переходом от фото к описанию. Эффект достигается за счет одинакового цвета блюра и фона.

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

🖥 Travel App Concept – дизайн приложения для путешествий. Акцент сделан на контрастные цвета и векторные иллюстрации с запоминающимся стилем.

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

🐙 Quasar – фреймворк для создания кроссплатформенных веб-приложений. Содержит более чем 70 высокопроизводительных настраиваемых веб-компонентов Material Design.

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

🎨 Цветовая палитра макета "XIDE Serenity Springs":

HEX | RGB
#E5DFD6 | rgb(229,223,214)
#B19061 | rgb(177,144,97)
#3C2418 | rgb(60,36,24)

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

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

✍️ Luckiest Guy – шрифт без засечек, вдохновленный рекламой 1950-х и рукописными заголовками. Подходит для коротких крупных надписей. Пример есть тут: It Depends

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

🎨 Цветовая палитра макета "Stripe Fashion Branding Concept"

HEX | RGB
#D9D9D9 | rgb(217,217,217)
#20ADE5 | rgb(32,173,229)
#3D5770 | rgb(61,87,112)

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

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

💾 Longcat SVG Loader – спиннер в виде кота, написанный без использования JavaScript. Элемент может менять длину и ускоряться.

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

💾 Microchip Preloader – многослойная анимация загрузки с эффектом "тока". Каждый кружок на ветке – это отдельный SVG-элемент внутри тэга <symbol>.

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

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

HEX | RGB
#FEF6DA | rgb(254,246,218)
#EE8B52 | rgb(238,139,82)
#05BFAB | rgb(5,191,171)

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

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

💾 Stretchy Coffee – анимация в виде растяжимой чашки кофе. В каждой из позиций чашки ее ручка всегда повернута внутрь.

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

🖥 HyperMart App – дизайн для магазина продуктов. Здесь акцент сделан на заметные, но слегка приглушенные оттенки: бирюзовый, малиновый, темно-розовый.

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

✍️ Outfit – округлый геометрический шрифт без засечек. Подходит для текстов и небольших заголовков. Пример есть в сниппете Service Section

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