nakodil.siteШейдерный и градиентный фон для сайта
Живые градиенты, аврора, шум и волны на фоне. Топ вариантов по популярности и промпт для Claude Code.
17 вариантовпо рейтингу: популярность в источнике, темп и спрос
-
21st.dev
Фон с мягким северным сиянием
За текстом медленно переливаются бледные полосы света, похожие на северное сияние. Подходит фоном для первого экрана на светлом сайте.
-
Spline
Радужная световая волна под заголовком
Под заголовком изгибается лента из тонких светящихся линий, которая переливается от синего к оранжевому и фиолетовому. Подходит фоном первого экрана для студии или IT-продукта.
-
21st.dev
Фон с дышащим радиальным градиентом
Тёмный центр окружён кольцом из синего, розового и оранжевого, которое медленно пульсирует. Подходит фоном первого экрана с заголовком по центру.
-
Spline
Интро с жидкими каплями, которые искажают текст
Переливающиеся 3D-капли плавают поверх приветствия на тёмном фоне и искажают буквы, как линза. Подходит для первого экрана портфолио.
-
21st.dev
Фон из сетки точек, которая тянется за курсором
Сетка из точек и линий прогибается к курсору, а по клику от него расходится волна. Подходит фоном первого экрана.
-
Spline
Голографические 3D-капли на тёмном фоне
Большая переливающаяся капля и пара маленьких пузырей плавают в пустоте, отливая фиолетовым и бирюзовым. Подходит как акцент в первом экране.
-
Spline
Человек на лестнице в потоке света, сцена Spline
Чёрно-белая зернистая сцена: фигура поднимается по лестнице к арке, из проёмов падают лучи света. Подходит для первого экрана с сильным заголовком.
-
Spline
Фон из жидкого переливающегося градиента
Размытые пятна оранжевого и фиолетового медленно перетекают друг в друга на чёрном фоне. Подходит фоном первого экрана.
-
21st.dev
Светящаяся волна в стиле голосового ассистента
Переливающаяся цветная волна в тёмной карточке, как у Siri, когда она слушает. Есть второй вариант: светящийся шар из точек, которые сливаются и разлетаются.
-
21st.dev
Тёмный фон из движущихся линий рельефа
Тонкие линии, как на топографической карте, медленно перетекают поверх сетки на чёрном фоне. Подходит фоном под первый экран, когда нужен спокойный эффект.
-
Spline
3D-анимация логотипа из глянцевой трубки в Spline
Голубая глянцевая трубка выписывает слово поверх объёмных белых букв на светлом фоне. Подходит для первого экрана студии или как интро бренда.
-
21st.dev
Светящийся шар с переливом цвета на тёмном фоне
Шар с фиолетово-розовым свечением по краю медленно меняет оттенки и пульсирует, как будто дышит. Подходит как центральный образ первого экрана AI-продукта.
-
Spline
Изогнутая 3D-лента из хрома с голубыми бликами
Глянцевая лента в духе жидкого металла изгибается через весь кадр на чёрном фоне и отливает голубым и белым. Подойдёт фоном для первого экрана на тёмном сайте.
-
21st.dev
Заголовок из стекла, сквозь который течёт цвет
Буквы заголовка выглядят как толстое стекло, за ними медленно течёт цветной фон и преломляется по краям, а блик идёт за курсором. Заголовок остаётся обычным текстом для поиска.
-
21st.dev
Кнопка с переливающимся жидким хромом
По чёрной кнопке-таблетке бегут хромированные блики, а при наведении она становится ярче. Подходит для главной кнопки на первом экране.
-
21st.dev
Фон из светящихся стеклянных складок
Полупрозрачные синие слои складываются друг на друга, по их краям идут светлые линии, и всё медленно движется. Ставится фоном под первый экран или карточку.
-
21st.dev
Блок с призывом к действию на фоне с бегущим узором
Крупный заголовок с засечками и кнопка стоят на светлой карточке, по которой медленно ползёт точечный узор. Подходит для финального блока перед футером.
Новые ролики и разборы — в TelegramПишу, как я делаю свои ролики, и добавляю сюда новые скиллы.
Открыть канал