🐙 Swagger UI – это набор инструментов HTML, JavaScript и CSS для работы с сайтами. Он позволяет генерировать документацию с помощью API, совместимого со Swagger.

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

🖥 Ecommerce App – дизайн мобильного приложения для онлайн-магазина. Он выделяется пудровыми оттенками и текстами на прозрачном фоне.

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

🐙 JS2Flowchart – библиотека для визуализации JavaScript-кода. Она генерирует блок-схемы, позволяет настроить стиль и показать код на разных уровнях абстракции.

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

💾 CSS Party – пульсирующий эффект с полупрозрачной подсветкой для шрифта. Скорость пульсации можно настроить вручную.

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

✍️ Aglet Mono – моноширный шрифт со скругленными буквами, который подходит для небольших заголовков. Пример можно увидеть в сниппете Single Keyframe Tricks

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

💾 Mouse Balls Animation – эффект для курсора в виде разноцветных кругов. Каждый элемент со временем тускнеет и уменьшается в размере.

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

💾 3D Camera Icons – крупные детализированные иконки с реалистичным блеском. Их можно использовать как варианты для светлой и темной тем приложения.

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

🎨 Цветовая палитра макета "Neo-Brutalism UI Kit"

HEX | RGB
#FFFB47 | rgb(255,251,71)
#B8FF9F | rgb(184,255,159)
#FF9FA0 | rgb(255,159,160)

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

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

🐙 Front End Web Development Resources – полезный репозиторий с материалами для обучения фронтенду. Тут есть карта развития (roadmap) разработчика, описание инструментов и редакторов кода, ссылки на блоги, каналы и подкасты.

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

🐙 Open UI – инструмент для создания верстки с помощью нейросети. На основе текстового описания генерируется дизайн и код страниц.

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

🖥 Beauty And Skincare Landing Page – изысканный дизайн лендинга для магазина косметики. Его особенности – это утонченные шрифты и приглушенные оттенки бирюзового.

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

💾 Longcat Scroll – индикатор скролла в виде большого длинного кота. Слева показана длина кота в пикселях. В исходной позиции появляется всплывающее окно с прогрессом.

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

🖥 Dream Job App – обложка для мобильного приложения в оттенках светло-зеленого и оранжевого. Его фишки - контраст, геометрические фигуры и шрифт с засечками.

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

💾 3D Camera Icons – крупные детализированные иконки с реалистичным блеском. Их можно использовать как варианты для светлой и темной тем приложения.

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

🐙 Open UI – инструмент для создания верстки с помощью нейросети. На основе текстового описания генерируется дизайн и код страниц.

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

🎨 Цветовая палитра макета "Cosmetic & Skincare Branding"

HEX | RGB
#FEF6A5 | rgb(254,246,165)
#FF7A01 | rgb(255,122,1)
#0224AA | rgb(2,36,170)

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

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

🐙 Front End Web Development Resources – репозиторий с полезными материалами для разработчиков. Здесь есть ссылки на полезные статьи, блоги, Youtube-каналы, фреймворки и библиотеки иконок.

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

💾 Parametric Surface – объемные вращающиеся фигуры, написанные с помощью библиотеки Three.js. Структуру фигурки в разноцветных цветах можно увидеть, если навести на нее курсор.

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

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

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

🐙 Front End Web Development Resources – полезный репозиторий с материалами для обучения фронтенду. Тут есть карта развития (roadmap) разработчика, описание инструментов и редакторов кода, ссылки на блоги, каналы и подкасты.

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

💾 Search With Morphing Button – поле ввода с изменяющейся иконкой. Если убрать фокус, то иконка возвращается к изначальному состоянию.

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