# Gradient

Read the complete [LICENSE](https://snowui.dev/LICENSE) for the installed version before use.

Add soft layered gradients to backgrounds or placeholders with six palettes and scalable shape effects.

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.

Package: `@snowui-design-system/components`. Import: `import { Gradient } from '@snowui-design-system/components';`. Source fingerprint: `8b0db0e8e93ccecb42964b665ecff22704f3eb164c3166dfbd3ce5f7d2ffd746`.

## Usage choices

Use Gradient for built-in decorative gradients or avatar placeholders. Artistic colors are not ordinary UI theme colors; page surfaces and text still use semantic colors.

- size sets both width and height and takes priority over width and height. seed keeps the graphic stable for the same subject.
- Keep decorative graphics decorative. These colors belong to the artwork; continue using semantic Tokens for page text and surfaces.

## Read as needed

- [API](https://snowui.dev/llms/en/components/gradient/api.md): Public Props and defaults
- [Types and states](https://snowui.dev/llms/en/components/gradient/types.md): Public type declarations and binding rules
- [Full reference](https://snowui.dev/llms/en/components/gradient/reference.md): Composition and interaction boundaries
- [Styles](https://snowui.dev/llms/en/components/gradient/styles.md): Registered public overrides
- [Examples](https://snowui.dev/llms/en/components/gradient/examples.md): Code and preview links
- [Image index](https://snowui.dev/llms/components/gradient/images.json): Use only if appearance remains uncertain
- [Changelog](https://snowui.dev/llms/en/components/gradient/changelog.md): Version history reviewed in English

[Design guide](https://snowui.dev/llms/en/design-system.md) · [Styling guide](https://snowui.dev/llms/en/styling.md)