💾 Tubes Cursor – эффект для курсора в виде неоновых трубочек с белым блеском. Для 3D-графики тут используется библиотека WebGL.

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

💾 Bodymovin Modal – модальное окно, в котором при закрытии появляется фигурная рамка. Сам текст тоже имеет анимацию и "выплывает" из середины.

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

💾 Color Spectrum Layout – шаблон лендинга с градиентами разной длины. Всего девять типов градиентов, можно также отключить блюр между столбцами.

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

🖥 Food Catering Service App – дизайн приложения для ресторана, выполненный в светлых оттенках салатового. Впечатление от дизайна - легкость, натуральность и забота о клиентах.

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

✍️ JetBrains Mono – шрифт, созданный специально для разработчиков компании JetBrains. Он выглядит стильно и подходит для коротких экранных текстов.

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

🖥 Email Template – набор шаблонов для электронных писем. Основные плюсы – это нежная цветовая палитра и броские иллюстрации.

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

💾 Generative Сolor Harmonies – генератор сочетаний цветов. Отличный инструмент для веб-дизайнера или художника.

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

🐙 Tiptap – фреймворк для создания текстовых редакторов. Дает возможность создавать проекты с нуля и добавлять функциональность под свои нужды. Фреймворк имеет открытый исходный код.

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

🎨 Цветовая палитра макета "Brutalist Shape Elements Megapack"

HEX | RGB
#FEDC00 | rgb(254, 220, 0)
#FF73A8 | rgb(255, 115, 168)
#3F5EF4 | rgb(63, 94, 244)

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

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

💾 Interactive Pyramid – прозрачная многослойная пирамида, которую можно крутить курсором. Внизу есть кнопка для вызова спецэффектов.

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

Remote SSH - плагин VS Code для удаленного подключения

Если вы занимаетесь разработкой, часто приходится через SSH подключаться к серверу или определенному компьютеру. Это расширение упростит процесс подключения, а также позволит это сделать не выходя из VS Code.

Работа этого плагина особо ничем не отличается от обычного подключения через SSH. Вам предложат ввести IP-адрес сервера, имя пользователя и ключ аутентификации. В дальнейшем можно настроить конфигурационный файл для более удобного подключения.

Сайтодел | #расширение #vscode

💾 Ball – сфера в виде мяча с линиями из букв. Вращать фигуру можно только за специальную круглую кнопку.

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

🖥 Top 50+ Landing Pages – коллекция дизайнов для лендингов. Каждый из них представляет собой готовый шаблон, в который можно подставить лишь текст и фото.

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

🐙 Pixel Art React – онлайн-редактор для создания пиксельной графики с помощью CSS. Нарисованную курсором картинку можно скопировать как CSS-код.

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

✍️ Hanover – минималистичный шрифт, который подойдет для сайтов люксовых брендов. Лучше всего он смотрится в заголовках. Пример можно увидеть в дизайне Investment App

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

💾 Card Clip Path – двойная карточка. Нижний слой виден вокруг курсора, а при нажатии показывается целиком.

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

🎨 Цветовая палитра макета "Email Template"

HEX | RGB
#F8FFA8 | rgb(248, 255, 168)
#FDA4E9 | rgb(253, 164, 233)
#8F98FF | rgb(143, 152, 255)

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

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

🖥 Keep Your Plant Alive – дизайн сайта для садоводов, выполненный в темных и средних оттенках травянисто-зеленого цвета. В карточках используется эффект прозрачности.

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

🖥 School App – дизайн приложения для школьников, который включает сочетания разных геометрических фигур и контрастные цвета.

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

💾 Cards Path Marquee – галерея карточек с прокруткой на чистом CSS. В месте пересечения карточки ложатся в два слоя.

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

✍️ Stadt – современный геометрический гротеск, вдохновленный стилем баухаус. Он используется в карточках и подзаголовках дизайна Ray Ban Elegant Sunglasses Store App

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