🐙 UI – репозиторий с примерами простых компонентов пользовательского интерфейса. Элементы написаны на React.js и Next.js.

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

🐙 HTMX – мощные инструменты для HTML, которые работают с AJAX, CSS-переходами и веб-сокетами. Доступ к этим технологиям создается с помощью специальных HTML-аттрибутов.

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

🎨 Цветовая палитра макета "Money Forest"

HEX | RGB
#C8CDB7 | rgb(200,205,183)
#F7726C | rgb(247,114,108)
#066873 | rgb(6,104,115)

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

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

💾 Star Trails With Options – эффект блестящих звездочек для курсора. Он имеет три варианта: с гравитацией (частицы летят вниз), без гравитации и постепенное затухание.

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

💾 Animated Login Form – форма с анимированной рамкой. При наведении курсора рамка подсвечивается яркими цветами.

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

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

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

🖥 Velvety – дизайн сайта для магазина косметических средств. Выполнен в теплых оттенках оливкового и темно-зеленого. В заголовках используется шрифт с засечками.

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

💾 Wriggly Squiggly Nav – оригинальный дизайн меню с нижним подчеркиванием табов. Волна "перетекает" с одной вкладки на другую.

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

🎨 Цветовая палитра макета "Geepay Fitness Tracking App"

HEX | RGB
#AAD19C | rgb(170,209,156)
#E0A5AA | rgb(224,165,170)
#8FA2C6 | rgb(143,162,198)

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

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

💾 Bouncy Image Radio Group – галерея с "резиновым" эффектом. После клика картинка расширяется, словно сделана из мягкого материала.

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

🐙 Cesium – библиотека JavaScript для создания 3D-глобусов и 2D-карт в браузере. Подходит для создания приложений, где требуются геоданные.

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

💾 React Range Sliders – графики и шкалы, на которых можно перемещать отметки вручную. Числовые данные при этом меняются автоматически.

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

💾 ScrollTrigger Image Zoom – анимация скролла страницы. Прокрутка создает необычный эффект зума в середину страницы, а потом переходит в перелистывание слайдов.

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

🐙 OpenLayers – высокопроизводительная библиотека для создания интерактивных географических карт. Библиотека написана на JavaScript и имеет открытый исходный код.

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

🖥 Colour Palettes/ Moodboards – набор цветовых палитр, однотонных цветных карточек и фоновых изображений с готовыми текстурными фильтрами.

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

💾 Price Range Slider – слайдер для цен с градиентом, который адаптируется под выбранную длину. При движении ярлык с ценой покачивается как реальный предмет.

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

🐙 DevFind – платформа для веб-разработчиков в виде поисковика со ссылками на портфолио и Github-профили. Можно искать разработчиков по имени, навыкам и стране проживания.

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

💾 CSS Scroll-Driven Animations – слайдер с четырьмя видами анимации скролла. Перелистывать слайды можно по вертикали, по горизонтали, а также с эффектами зума или плавного переключения.

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

✍️ REM – шрифт без засечек, который подходит для экранов устройств и брендинга продуктов. Пример можно посмотреть в сниппете "45 CSS Only Buttons"

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

🖥 Glass Flowers 3D Assets – набор PNG-изображений стеклянных цветов. Есть три варианта картинок: золотые, сине-розовые (с фильтром) и черно-белые.

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