# VisualSystem Modules

Working references and assets for local, customizable implementations.

1. Read only the guides for the requested modules. Follow their example links.
2. Inspect the project first. Extend existing components and reuse its controls, tokens and conventions.
3. Treat source as a reference implementation. Adapt behavior to the existing framework, language and naming conventions; translate state, lifecycle and cleanup without introducing another framework. Reuse compatible code and only required dependencies/assets. Preserve accessibility and client/server security boundaries. No VisualSystem package is required.
4. Keep one local owner per behavior. Record its path and chosen settings in project instructions; extend it in future tasks.
5. Verify the requested behavior, accessibility and exports. Treat examples as starting points, not a parallel design system.

## Icon
Find icons and build a local icon component.
Guide: https://visual.systems/modules/icon/llms.txt
TSX source: https://visual.systems/api/modules/icon/example.tsx

## QR
QR code generator
Guide: https://visual.systems/modules/qr/llms.txt
TSX source: https://visual.systems/api/modules/qr/example.tsx

## Typeshift
SwiftUI text animation for the web
Guide: https://visual.systems/modules/typeshift/llms.txt
TSX source: https://visual.systems/api/modules/typeshift/example.tsx

## Blur
Progressive fade + blur
Guide: https://visual.systems/modules/blur/llms.txt
TSX source: https://visual.systems/api/modules/blur/example.tsx