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

🐙 Element – библиотека компонентов для разработчиков, дизайнеров и продакт-менеджеров, которая основана на Vue 2.0. Содержит все необходимые элементы для создания лаконичного веб-интерфейса.

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

🖥 Online Bike Shopping App – дизайн мобильного приложения для магазина велосипедов. Его особенность – интересные сочетания светлых и темных оттенков синего.

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

💾 CSS Dropping Letters – необычный эффект набора текста, при котором строки напоминают элементы коллажа. Подойдет для креативных заголовков на сайтах.

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

💾 Draw With WebGL Flowers 2 – фон с возможностью создавать цветы. Размер и цвет растения определяется произвольно.

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

💾 Draw With WebGL Flowers 2 – фон с возможностью создавать цветы. Размер и цвет растения определяется произвольно.

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

💾 Infinite Random Gradients Generator – генератор градиентов для CSS, который поможет выбрать самые оригинальные сочетания цветов для вашего приложения.

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

💾 Responsive GSAP Slider – слайдер для представления продуктов с подвижными SVG-картинками. Слайдер можно легко настроить под себя.

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

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

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

✍️ Neue Montreal – нейтральный шрифт без засечек с четкими формами. Подходит для мелких текстов веб-страниц. Пример шрифта есть в макете Abstract 3D Coral Shapes

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

💾 World Places – трехмерная галерея для карточек с текстами и изображениями. В активном состоянии элемент "всплывает" и показывается пользователю.

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

💾 Infinite Scroll Animation – бесконечная прокрутка элементов, которая сделает сайт динамичнее и поможет уместить много заголовков в ограниченное пространство.

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

💾 Click/Tap Rhythm Password – эффект для кнопки с анимацией фона и изменением цвета. Можно настроить его не только на кейс с ошибкой, но и на успешное действие.

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

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

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

🖥 Note-taking Mobile iOS App – дизайн приложения для заметок. Его особенности - это неяркие светлые тона, кремовый фон и скругленные углы.

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

🖥 Parallax Effect – дизайн для слайдера. Здесь представлены приглушенные оттенки, зернистый фон и мягкие градиенты. Контраст создан за счет крупных заголовков и небольших кусков текста.

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

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

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

💾 Header Navigation Menu – кнопка с раскрывающимся меню сайта. Ее иконка трансформируется в крестик с помощью вращения ее элементов вокруг центра.

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

🖥 Smoothie Bowl Transition Prototype – прототип для анимации с вращающимися тарелками. Во вкладке "design" есть разные варианты цветового оформления страницы.

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

🎨 Цветовая палитра макета "Gradients WebSite Template":

HEX | RGB
#EC6E9B | rgb(236,110,155)
#F3A042 | rgb(243,160,66)
#27438C | rgb(39,67,140)

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

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

🖥 Note-taking Mobile iOS App – дизайн приложения для заметок. Его особенности - это неяркие светлые тона, кремовый фон и скругленные углы.

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