Pricing

SnowUILogo

Figma Source code

Display the SnowUI icon, wordmark, or combined mark in horizontal or vertical layouts.

We are building SnowUI components into interfaces people can use directly in AI conversations. Conversational UI is still in development; this page demonstrates website usage. Supported chat platforms and component versions will be announced after verification. Generating and using SnowUI interfaces inside AI conversations is completely free. It is not a project, uses no project or developer-seat quota, and requires no SnowUI registration, activation, or paid proof.

How to use

Use SnowUILogo for SnowUI brand graphics and wordmark. Reuse public variants rather than imitating the brand with text, screenshots, or a handwritten SVG.

  • variant chooses the icon, wordmark, or one of the combined orientations. scale adjusts the whole mark proportionally.

  • The component does not create navigation. Provide a real page link when the mark should navigate; set decorative when it is purely visual.

Import

import { SnowUILogo } from '@snowui-design-system/components';

Usage

Text motion · V2

Variants

Scale

API Reference

Property Type Default Example Description
variant SnowUILogoVariant "horizontal" variant={value} Icon, wordmark, or either combined orientation.
scale number 1 scale={42} Scale icon, wordmark, and their spacing proportionally. Nonfinite or nonpositive values fall back to 1.
compactProgress number 0 compactProgress={42} vertical only: 0 shows the full vertical mark, 1 shows the 28×28 icon, and intermediate values continuously collapse the wordmark and gap. Range 0–1; nonfinite values fall back to 0. Can combine with scale for a scroll-driven brand transition.
idleMotion boolean false idleMotion Enable idle rotation and vertical floating for the brand icon. Does not affect the hover greeting and does not play under reduced-motion preference.
textMotion "greetings" | "variants" "greetings" textMotion="greetings" Choose the text hover effect: the original multilingual greeting or the second SnowUI vector-letter rotation. Ignored by icon variant; icon Emoji rotation stays the same.
decorative boolean false decorative When true, hide the mark from the accessibility tree.