# Silk documentation

> Detailed guides and API references for Silk, a React and TypeScript component library for building accessible, native-like web interfaces.

Version: 0.10.1

- [Full documentation](https://silkhq.com/docs-full.md): Complete Silk documentation bundled into one Markdown file.

## Fundamentals

- [Getting started](https://silkhq.com/docs/getting-started.md.md): How to install Silk and start using its components.
- [Examples](https://silkhq.com/docs/examples.md.md): Example code for building interfaces with Silk.
- [Styling](https://silkhq.com/docs/styling.md.md): How to style Silk components.
- [Composition](https://silkhq.com/docs/composition.md.md): How Silk components compose with application UI.

## Guides

- [Controlled Sheet](https://silkhq.com/docs/controlled-sheet.md.md): How to use the Sheet component in a controlled way.
- [Third-party overlays](https://silkhq.com/docs/third-party-overlays.md.md): How to use Sheet with third-party overlay components.

## Core components

- [Sheet](https://silkhq.com/docs/sheet.md.md): A flexible, swipeable overlay primitive with advanced modality and mobile keyboard handling.
- [Scroll](https://silkhq.com/docs/scroll.md.md): A flexible scrolling primitive with advanced mobile keyboard handling.

## Auxiliary components

- [SheetStack](https://silkhq.com/docs/sheet-stack.md.md): Stacking animations for multiple Sheet components.
- [AutoFocusTarget](https://silkhq.com/docs/auto-focus-target.md.md): Focus management for a Sheet's initial focus target.
- [Island](https://silkhq.com/docs/island.md.md): Focus management and accessibility for content outside a modal Sheet.
- [Fixed](https://silkhq.com/docs/fixed.md.md): Position fixed content reliably in mobile web interfaces.
- [VisuallyHidden](https://silkhq.com/docs/visually-hidden.md.md): Visually hide content without removing it from the accessibility tree.
- [ExternalOverlay](https://silkhq.com/docs/external-overlay.md.md): Make third-party overlay components compatible with Silk's modality system.

## Functions and hooks

- [createComponentId](https://silkhq.com/docs/create-component-id.md.md): Return an ID used to identify a component instance.
- [usePageScrollData](https://silkhq.com/docs/use-page-scroll-data.md.md): Read information about page scrolling.
- [useClientMediaQuery](https://silkhq.com/docs/use-client-media-query.md.md): Evaluate media queries on the client.
- [updateThemeColor](https://silkhq.com/docs/update-theme-color.md.md): Update the `theme-color` meta tag.
- [useThemeColorDimmingOverlay](https://silkhq.com/docs/use-theme-color-dimming-overlay.md.md): Register a theme-color dimming overlay.
- [animate](https://silkhq.com/docs/animate.md.md): Run a Web Animations API (WAAPI) animation on an element.

## Integrations and tools

- [Usage with Tailwind CSS v4](https://silkhq.com/docs/usage-with-tailwind-v4.md.md): How to use Silk with Tailwind CSS v4.
- [Usage with AI tools](https://silkhq.com/docs/usage-with-ai-tools.md.md): How to give AI coding tools useful Silk documentation context.

## Migration guides

- [Migration from v0.8.x to v0.9.x](https://silkhq.com/docs/from-v0-8-x-to-v0-9-x.md.md): How to migrate Silk from v0.8.x to v0.9.x.

## Changelog

- [Changelog](https://silkhq.com/docs/changelog.md.md): Release history and changes to Silk.