🖥 Sales Dashboard – дизайн для отображения статистики. Его особенности – цветные карточки, яркая инфографика и 3D-изображения людей.

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

💾 Inner Glow Card – прозрачная карточка с внутренней неоновой подсветкой. Рамка имеет волнообразную анимацию, цвета плавно перетекают друг в друга.

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

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

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

✍️ Zeyada – рукописный шрифт с необычным соединением букв, который не похож на стандартный курсив. Назван в честь молодой женщины из Эфиопии. Пример шрифта можно увидеть в сниппете Papers

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

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

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

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

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

💾 Card Blur – эффект для неактивных карточек который возникает при наведении курсора. Здесь применяется не только размытие, но и затемнение элементов.

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

✍️ Orbitron – геометрический шрифт без засечек с футуристическим дизайном. Он подходит для постеров, заголовков и обложек книг. Пример шрифта есть в дизайне "Virtual Reality Landing Page Concept"

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

🖥 Virtual Reality Landing Page Concept – футуристичный дизайн для лендинга про виртуальную реальность. Преобладают оттенки голубого, фиолетового и красного.

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

💾 Houdini-animated Spinners – набор анимированных спиннеров. Они отличаются друг от друга небольшими деталями, если смотреть слева направо.

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

💾 Image Grids Animation – анимация для картинок в виде сетки из скругленных рамок. Шаблон подстраивается под ширину каждого изображения.

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

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

HEX | RGB
#05CD99 | rgb(5,205,153)
#0075FF | rgb(0,117,255)
#09235E | rgb(9,35,94)

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

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

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

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

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

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

💾 Dot Clock Preloader – часы, у которых стрелка формируется из маленьких квадратов. Когда все элементы собраны, часы снова распадаются на пунктирную окружность.

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

💾 GSAP Grid – сетка из анимированных SVG-изображений в ретро-стиле. Можно использовать в качестве иллюстраций для сайтов.

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