DryUI — Svelte 5 Component Library

Theme Wizard

Accessibility

Styled quick start

Copy this entrypoint first. It includes the imports required to get the component on screen.

svelte

<script lang="ts">
  import '@dryui/ui/themes/default.css';
  import '@dryui/ui/themes/dark.css';
  import { Shimmer } from '@dryui/ui';
</script>

<Shimmer>Content</Shimmer>

Import options

Root package

import { Shimmer } from '@dryui/ui'

Per-component subpath

import { Shimmer } from '@dryui/ui/shimmer'

API

Props, CSS variables, and the public data attributes you can target when styling.

Prop	Type	Description	Default	Required	Bindable
color	string	Semantic color or tone applied to the component.	'var(--dry-color-fill-brand)'	—	—
duration	number	—	3	—	—
children	Snippet	Content rendered inside the component.	—	✓	—