DryUI — Human-led, agent-assisted UI

Item 1

Item 2

Item 3

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

<Reveal variant="slide-up" delay={120}>
  <Text>Stage content as it enters the viewport.</Text>
</Reveal>

Import options

Root package

import { Reveal } from '@dryui/ui'

Per-component subpath

import { Reveal } from '@dryui/ui/reveal'

API

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

Prop	Type	Description	Default	Required	Bindable
variant	fadeslide-upscale-inblur-upmask-up	Visual style preset for the component.	'fade'	—	—
once	boolean	—	true	—	—
threshold	number	—	0.18	—	—
delay	number	—	—	—	—
duration	number	—	—	—	—
distance	number \| string	—	—	—	—
blendMode	BlendMode	—	—	—	—
children	Snippet	Content rendered inside the component.	—	✓	—