DryUI — Human-led, agent-assisted UI

Item 1Item 2Item 3Item 4Item 5

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 { Marquee } from '@dryui/ui';
</script>

<Marquee>Content</Marquee>

Import options

Root package

import { Marquee } from '@dryui/ui'

Per-component subpath

import { Marquee } from '@dryui/ui/marquee'

API

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

Prop	Type	Description	Default	Required	Bindable
speed	number	—	50	—	—
direction	leftrightupdown	—	'left'	—	—
pauseOnHover	boolean	—	false	—	—
fade	boolean	—	false	—	—
gap	string	—	'1rem'	—	—
children	Snippet	Content rendered inside the component.	—	✓	—