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

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

💾 X-Ray Text Hover Effect – эффект "рентгена" для текста. При наведении курсора он показывает только обводку букв и убирает их заливку.

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

💾 Bouncy Star Rating – прыгающие звездочки для рейтинга. Если между двумя нажатыми элементами есть другие, то анимируются сразу все последние звездочки.

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

💾 3D Preloader – необычный 3D-лоадер с элементами в виде подвижных столбиков. Чем выше столбик, тем ярче он окрашивается в синий цвет.

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

💾 3D Preloader – необычный 3D-лоадер с элементами в виде подвижных столбиков. Чем выше столбик, тем ярче он окрашивается в синий цвет.

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

💾 CSS Only 3D Image Carousel – объемная галерея для фотографий в виде кольца из карточек. При наведении курсора фото становится цветным, а движение останавливается.

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

💾 Custom Rhombus Shape – шаблон в виде ромбов для изображений или карточек с текстом. Каждый ромб меняет цвет и анимируется при наведении курсора либо по нажатию.

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

💾 Hexagon Grid Ripple Effect – контейнер с шестиугольными карточками для иконок. При нажатии создается эффект волны.

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

✍️ Source Code Pro – моноширный шрифт с закругленными буквами, который был разработан как дополнительный к шрифту Source Sans. Пример есть в сниппете Futuristic Card Effect

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

🖥 Presentation Template – яркие карточки для презентаций с крупными, броскими иллюстрациями. Они помогут привлечь внимание и не перегружать слайды информацией.

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

💾 Neural Noise – эффект для фона, который напоминает плазму. Пучки света двигаются за курсором, на нажатия они не реагируют.

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

🖥 DesignCode UI – дизайн-система для создания мобильных приложений. Она включает в себя полупрозрачные скругленные карточки и элементы с разноцветными градиентами.

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

🎨 Цветовая палитра макета "Beauty And Skincare Landing Page"

HEX | RGB
#D1E3E3 | rgb(209,227,227)
#93CCDF | rgb(147,204,223)
#2B6477 | rgb(43,100,119)

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

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

🎨 Цветовая палитра макета "Mid Mod"

HEX | RGB
#F9BACB | rgb(249,186,203)
#B7B129 | rgb(183,177,41)
#4B442B | rgb(75,68,43)

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

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

💾 Osaka Card – интерактивная карточка с подвижными элементами и фоном. Движение зависит от положения курсора, на элементы нельзя нажать.

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

🎨 Цветовая палитра макета "Virtual Reality Landing Page Concept"

HEX | RGB
#FAB9F1 | rgb(250,185,241)
#524686 | rgb(82,70,134)
#270631 | rgb(39,6,49)

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

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

💾 Procedural Birb – маленькие птички, параметры для которых генерируются рандомно. Можно создать свою иллюстрацию, задав необходимые черты в окне настроек.

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

💾 Bokeh Background – объемный многослойный фон, который двигается вслед за курсором и меняет цвет при нажатии на экран.

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

💾 Hexagon Grid Ripple Effect – контейнер с шестиугольными карточками для иконок. При нажатии создается эффект волны.

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

💾 Papers – карточки в виде реалистичных, детализированных бумажных листков. Вращать бумажку можно правой кнопкой мыши.

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

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

HEX | RGB
#EFE4C4 | rgb(239,228,196)
#C2EFE8 | rgb(194,239,232)
#B4D5FC | rgb(180,213,252)

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

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