# Edge

> Shared directional highlights for your existing UI.

Documentation target: @bolerish/edge 0.4.0. Check the installed package version and declarations before applying these examples.

React prepares styles automatically; for SSR render Edge.Styles once per document before application styles, with the request nonce when CSP requires it. React 18 and 19 are supported. Other framework adapters are not available yet. The library defaults to motion="system"; interactive examples use the documentation site’s preferences.

## Documentation

- [Primeros pasos · Introducción](https://edge.bolerish.com/es/docs/index.md): Reflejos sutiles para tu UI que conservan los colores, el diseño y las interacciones existentes.

- [Primeros pasos · Instalación](https://edge.bolerish.com/es/docs/installation/index.md): Instala Edge y empieza a usarlo en React.

- [Primeros pasos · Uso](https://edge.bolerish.com/es/docs/usage/index.md): Comprende las luces y superficies antes de conectar tus componentes.

- [React · Uso](https://edge.bolerish.com/es/docs/react/usage/index.md): Empieza con Edge.Provider y Edge.Surface. Usa useSurface para conectar directamente un componente existente.

- [React · Edge.Provider](https://edge.bolerish.com/es/docs/react/provider/index.md): Crea una luz compartida para las superficies descendientes.

- [React · Edge.Surface](https://edge.bolerish.com/es/docs/react/surface/index.md): Aplica iluminación a un elemento DOM.

- [React · useLight](https://edge.bolerish.com/es/docs/react/use-light/index.md): Crea y configura un identificador de luz.

- [React · useSurface](https://edge.bolerish.com/es/docs/react/use-surface/index.md): Devuelve una ref que conecta un elemento DOM existente a una luz.

- [Estilos · Estilo](https://edge.bolerish.com/es/docs/styles/index.md): Elige cómo responde una superficie a la luz sin cambiar sus estilos base.

- [Estilos · Movimiento](https://edge.bolerish.com/es/docs/motion/index.md): Elige si la luz compartida sigue al puntero o mantiene una dirección fija.

- [Guías · Consideraciones de integración](https://edge.bolerish.com/es/docs/integration/index.md): Consulta cómo usar Edge con pseudoelementos existentes, elementos input y cambios de diseño.

- [Guías · Integración con IA](https://edge.bolerish.com/es/docs/ai-integration/index.md): Proporciona documentación actual de Edge a tu asistente antes de que modifique la UI.

## Complete documentation

- [All documents](https://edge.bolerish.com/es/llms-full.txt): Full text of the pages above.