🖥 Cubeville – набор изометрических иллюстраций в виде маленьких комнат. Каждая комната состоит из элементов, которые также представлены отдельно.

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

💾 CSS Perspective Text Hover – это 3D-модель для текста с эффектом прокрутки, которую можно двигать курсором. Текст "перетекает" по невидимой лестнице вверх и вниз.

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

🐙 PostCat – бесплатная кроссплатформенная программа с открытым исходным кодом для разработки и тестирования API. Поддерживает REST, Websocket и другие протоколы (скоро будут поддерживаться GraphQL, gRPC, TCP, UDP). Подходит для работы в небольших командах.

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

💾 Elite Dangerous Inspired Loader – яркий шестиугольный лоадер, вдохновленный компьютерной игрой. Подойдет для сайтов с черным фоном или для темной темы.

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

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

HEX | RGB
#CECCF4 | rgb(206,204,244)
#FF9400 | rgb(255,148,0)
#362D62 | rgb(54,45,98)

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

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

💾 Flyout Menu – заготовка для раскрывающегося меню в форме сегмента круга. При выборе одной из опций меню закрывается, а на ее месте появляется полупрозрачный круг.

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

🐙 DPaint.js – веб-редактор изображений, который может работать с файлами Amiga. Включает в себя такие возможности, как создание слоев, маскировка, преобразование изображений, эффекты, фильтры, многократная отмена/повтор и сглаживание.

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

💾 Knob Rotation – элемент в виде ручки с вращающейся подсветкой. Подойдет для выделения кнопок или в качестве лоадера для темной темы.

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

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

HEX | RGB
#F5D198 | rgb(245,209,152)
#F38BA4 | rgb(243,139,164)
#8E84C6 | rgb(142,132,198)

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

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

💾 Moving Head – трехмерный аватар, который поворачивает голову вслед за движением курсора. Такой аватар будет интересно смотреться в личном кабинете пользователя.

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

✍️ Aldrich – рубленый шрифт без засечек, который имеет скругленные квадратные формы и напоминает готические шрифты начала ХХ века. Пример можно найти в логотипе сниппета "Hoster"

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

💾 Glassmorphism Buttons – кнопки, которые имитируют полупрозрачное стекло и подсвечиваются мягким неоновым светом в активном состоянии.

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

🐙 Phaser – это бесплатный и быстрый фреймворк для создания 2D-игр. Работает с HTML5, JavaScript, TypeScript, а также поддерживает Canvas и WebGL.

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

🖥 Positivus Landing Page Design – дизайн лендинга для маркетинговых агентств. Акцент сделан на ярком зеленом оттенке, есть версия для компьютеров и для мобильных устройств.

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

💾 Rotating Links – анимация для логотипов, которая вращает текст и рамку по кругу. Этот эффект подойдет для сайтов небольших брендов.

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

✍️ Open Sans - это шрифт без засечек, который был спроектирован с акцентом на вертикальное положение и открытые формы. Шрифт подходит для печати, веб- и мобильных интерфейсов, а также обладает отличными характеристиками разборчивости буквенных форм.

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

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

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

🖥 Playful Slide Template – дизайн для оформления презентаций. Выделяется приглушенными оттенками, крупным шрифтом и броскими графическими элементами с черным контуром.

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

💾 Day and Night – переключатель темной и светлой темы с изображениями небесных объектов. В фон добавлена анимация в виде плывущих облаков и мерцающих звезд.

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

🖥 XIDE Serenity Springs – дизайн лендинга для СПА-салонов, который передает расслабленную и комфортную атмосферу. Для этого в дизайне были использованы приглушенные оттенки песочного цвета.

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

💾 CSS Image Slider – необычный слайдер, стилизованный под картинку в рамке. Есть всплывающее меню из точек, которое довольно быстро переключает изображение.

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