Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг

🖥 Abstract 3D Coral Shapes – набор из 16 объемных фигурок кораллов: 8 красно-оранжевых и 8 сине-зеленых. Все фигурки сгенерированы ИИ и имеют высокое качество.

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

💾 Ipanema Pattern – паттерн с деталями в форме кругов и эллипсов. Можно использовать его как заставку для шапки сайта или как фоновое изображение.

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

💾 Hover Effect for Headers – восемь анимированных эффектов для заголовков слайдов. Некоторые из них влияют на отдельные буквы, а некоторые – на всё слово.

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

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

HEX | RGB
#E0D6D4 | rgb(224,214,212)
#FE814B | rgb(254,129,75)
#9BB169 | rgb(155,177,105)

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

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

✍️ Recoleta – шрифт с засечками, вдохновленный эстетикой 1970-х годов. Соединяет в себе мягкие формы и угловатые штрихи. Пример можно посмотреть в сниппете Cards

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

🐙 Easy Diffusion – приложение, которое предоставляет пользовательский интерфейс браузера для создания картинок. Изображения генерируются при помощи ИИ.

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

💾 Button Love – три анимированных hover-эффекта для кнопок, которые включают в себя смещение и закрашивание фона, а также наложение маленькой картинки.

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

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

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

💾 Slider – вертикальный слайдер, который представляет фотографии в виде карточек. Листать изображения можно при помощи скролла экрана.

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

💾 Skeuomorphic Toggle Switch – реалистичные 3D-переключатели, которые написаны на HTML и CSS без использования JavaScript.

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

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

HEX | RGB
#C1C1C1 | rgb(193,193,193)
#FF011D | rgb(255,1,29)
#1E1E1E | rgb(30,30,30)

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

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

💾 Shader Practice – парящие в пространстве слои с паттернами. Идею можно использовать в качестве иллюстрации для сайта.

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

💾 Hover Effect for Headers – восемь анимированных эффектов для заголовков слайдов. Некоторые из них влияют на отдельные буквы, а некоторые – на всё слово.

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

💾 Know Your Menu – анимация для пяти разных иконок меню, которая срабатывает при наведении курсора (hover).

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

🐙 Meteor – современная платформа для создания мобильных и десктопных приложений. Поддерживает TypeScript и легко интегрируется с популярными фронтенд-фреймворками.

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

✍️ Inter Tight – шрифт, разработанный специально для цифровых экранов. Имеет небольшие расстояния между символами. Пример шрифта можно посмотреть в макете "Gradients WebSite Template"

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

🐙 ByteByteGoHq – коллекция схем, которые объясняют работу сложных систем: сетевые протоколы, CI/CD, REST API, архитектурные паттерны, безопасность и т.д. Поможет подготовиться к собеседованию.

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

💾 Responsive Shader Carousel – галерея, показывающая выбранное изображение на заднем плане. Перелистывать можно только с помощью двух кнопок.

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

💾 WebGL Flowers – анимация в виде "жидких" цветов, которые появляются при нажатии на экран. Окраска растения генерируется автоматически.

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

🖥 Waste Landing Page – дизайн лендинга с информацией по переработке мусора. Основная фишка дизайна - яркие цветные иллюстрации.

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