✍️ Cinzel Decorative – декоративный шрифт, вдохновленный письменностью Древнего Рима и основанный на классических пропорциях. Подходит для крупных заголовков и надписей. Пример шрифта есть в сниппете VFX-JS

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

💾 Alex the CSS Husky – анимация из нескольких элементов, написанная с помощью SCSS. Ее можно использовать для заголовка сайта или для страницы 404.

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

🐙 Zod – библиотека для валидации типов в TypeScript, которая убирает дубликаты. Валидатор объявляется один раз, и Zod автоматически определяет статический тип TypeScript.

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

💾 Dropbox Color Picker – шкала с выпадающими карточками. Курсор влияет на элементы, даже если находится рядом со шкалой и не затрагивает ее.

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

🖥 Investment App – дизайн мобильного приложения дли инвестиций в ретро-стиле. Необычность дизайна создается за счет "картонного" фона, элементов без скругления углов, широкого шрифта и линий-разделителей.

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

💾 Expanding Card Page – карточки с многослойным эффектом. При нажатии каждая карточка раскрывается с увеличенной картинкой и блоком текста.

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

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

HEX | RGB
#FFCCD3 | rgb(255,204,211)
#D16F9A | rgb(209,111,154)
#711C47 | rgb(113,28,71)

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

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

💾 It Depends – текст с объемной анимацией в виде конфетти. Звездочки двигаются по спирали, некоторые из них становятся меньше по размеру.

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

💾 Butterflies – красивый 3D-эффект для фона страницы. Объект с бабочками можно поворачивать во всех направлениях и приближать.

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

🖥 Stripe Fashion Branding Concept – дизайн для бренда одежды. Его сильные стороны - это четкая геометрия, контрасты, ограниченная холодная палитра и крупные надписи.

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

🐙 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