Jelly Squish Button - VibeCoderz
Интерактивная 3D кнопка Jelly Squish с физической анимацией. Отзывчива на drag и движение мыши. Идеальна для hero-секций и интерактивных галерей.
Интерактивная 3D кнопка Jelly Squish с физической анимацией. Отзывчива на drag и движение мыши. Идеальна для hero-секций и интерактивных галерей.
UI компонент: Секция цен. Чистый дизайн, вертикальные карточки с разделением деталей и преимуществ. Кнопки с 3D-эффектом, оранжевые галочки. Для высокой конверсии.
Стиль Cyber Serif: темная тема, неоновые акценты, глоссморфизм. Идеален для AI SaaS, креативных агентств, финтеха. UI-элементы с микро-взаимодействиями.
UI-стиль 'Digital Naturalism'. Темный авангард с угольными и кислотно-зелеными акцентами. Для лендингов, портфолио, финтех. Смелый, техничный дизайн.
Стиль Neo-Brutalism: яркий дизайн с высокой контрастностью, жирной типографикой и 'жёсткими' UI-элементами. Идеален для креативных, экспериментальных и финтех-сайтов.
Секция таблицы лидеров в темной теме. Отображает топ-перформеров по COSY score в адаптивной таблице. Идеально для дашбордов и страниц инвестиционных продуктов.
Адаптивная навигационная панель: лого, центрированные ссылки, CTA. Идеально для дашбордов, лендингов.
Многоколоночный футер сайта с ссылками на соцсети. Адаптивный дизайн, навигация, контакты. Идеален для современных веб-приложений.
Карточка рейтинга топ-инвесторов: отображает список фондов с рангом, аватаром, именем менеджера и показателями YTD. Идеально для финансовых дашбордов.
Секция аналитики рынка криптовалют и акций с графиком индекса, статистикой доминирования, списком лидеров. Идеально для финансовых дашбордов.
Сетка из двух колонок с карточками для описания методологии COSY. Адаптивный дизайн, подходит для финансовых и SaaS-страниц.
SocialTaskSheet: полумодальный список задач для соцсети. Отслеживание прогресса, геймификация, мобильный дизайн.
Горизонтальная информационная панель с меткой докладчика и контактным чипом WhatsApp. Адаптивный дизайн, Tailwind CSS. Идеально для заголовков и контактов.
Плавный анимированный градиентный фон в пастельных тонах с эффектом размытия. Идеален для создания мягкой атмосферы.
Анимированный фон с параллакс-эффектом звезд и градиентом. Создает глубину за счет движения трех слоев звезд с разной скоростью. Идеально для космической тематики.
Интерактивный 3D фон с неоновыми трубками, реагирующими на курсор. Анимация, рандомизация цветов при клике. Идеально для hero-секций.
Интерактивный анимированный фон-градиент с эффектом жидкой субстанции. Отлично подходит для лендингов.
Интерактивный фон с эффектом силового поля. Частицы реагируют на движение мыши, создавая плавный визуальный опыт. Использует p5.js.
Темный UI-стиль "Cosmic Dark Glass" для лендинга. Эффекты подсветки, 3D, градиенты. Идеально для AI и техно-продуктов.
Стиль для сайта: "Warm Industrial Gray". Сочетание брутализма, типографики, серого и синего. Идеален для IT, финтех, архитектуры. UI-паттерны: скролл-эффекты, ховеры.
Стиль посадочной страницы Red Noir: тёмная тема, красные акценты, стекломорфизм. Футуристичный дизайн для AI и техно-продуктов.
NeumorphicTradeDashboard: UI-компонент дашборда для трейдинга в стиле неоморфизм. Позволяет визуализировать рыночные данные.
Лендинг Play2Learn: обучение безопасности, операциям и онбордингу. Темный дизайн, симуляции, четкое ценностное предложение для бизнеса.
Стеклянная карточка аналитики дохода с графиком и панелью IDE. Для SaaS-дашбордов. UI, Tailwind.
Шаблон UI компонента: заготовка для будущих элементов. Минималистичный, пустой, для кастомизации под ваши нужды. Создайте свой UI с нуля.
Минималистичный текстовый блок 'street t log'. Используется как плейсхолдер или сырой контент, без UI-структуры.
Шаблон "О нас" для лендинга. Представляет компанию, команду, миссию и ценности. Повышает доверие пользователей.
Aura - UI-компонент для создания анимированных фонов и эффектов свечения. Используется для придания динамичности веб-интерфейсам.
Стиль UI Glassmorphism: эффект стекла, неоновые акценты, градиенты. Идеален для SaaS, AI, финтех. Премиум-дизайн для веб-интерфейсов.
ST Bag: UI-компонент для отображения информации о сумке. Используется в приложениях для покупок и управления инвентарем.
AssetDetailPage: детальнее о каждом активе. Отображает полную информацию и характеристики объекта для удобного анализа и принятия решений.
Bourne's Library: компонент UI, который помогает организовать и управлять библиотекой компонентов. Используйте для создания повторно используемых элементов.
Компонент логотипа бренда: центрированное изображение с авто-масштабированием. Используется в шапках, навигации, футере.
Адаптивный iframe-компонент для встраивания Figma-файлов. Идеален для демонстрации дизайнов и прототипов в портфолио и документации.
SVG логотип бренда Aomi: минималистичный, векторный, адаптивный. Идеален для шапок, футеров и брендинга.
Круглая иконка Aomi: минималистичный брендовый знак для фавикона, иконки приложения или компактных пространств.
Иконка логотипа Twitter X в SVG. Минималистичный векторный значок для ссылок соцсетей и навигации с поддержкой смены цвета.
Иконка X (Twitter) SVG для соцсетей, кнопок шаринга и меню. Адаптивный дизайн, легкость интеграции.
Масштабируемый SVG-иконка Twitter/X для ссылок, кнопок шаринга и навигации. Легко настраивается через currentColor.
Компонент-заполнитель для URL-изображений. Адаптивный, подходит для внешних картинок и как плейсхолдер.
Адаптивная карточка для отображения изображений со ссылкой. Идеальна для галерей и портфолио, имеет тени и скругленные углы.
Фиолетовый прямоугольный блок: декоративный элемент, акцент фона или заполнитель для макетов. UI компонент.
Розовый декоративный блок-карточка для акцента и фона в UI-макетах. Идеален для hero-секций.
Адаптивный карусель отзывов с карточками, рейтингом и аватарами. Интерактивный UI-компонент для демонстрации мнений клиентов.
UI-стиль Kinetic Orange: бруталистский дизайн с ярким оранжевым и черным. Идеален для креативных агентств, финтеха, портфолио и AI-стартапов.
Дизайн-система в стиле 'Cinematic Noir': темный режим, высокая контрастность, параллакс. Для креативных агентств, моды, финтеха, портфолио.
Midnight Editorial Style: UI-система для премиум-портфолио и люксовых брендов. Высококонтрастный дизайн с крупной типографикой, тёмным фоном и анимацией.
Дизайн-система Bold Editorial Studio: крупная типографика, монохром, микро-взаимодействия. Идеально для креативных агентств, портфолио, люксовых брендов.