---
## Overview
Hooks add CSS features to native inline styles, enabling you to apply styles
conditionally based on pseudo-classes, custom selectors, media queries, and
more—all without leaving the `style` prop. By exploiting the hidden
programmability of CSS Variables, CSS Hooks delivers a flexible CSS-in-JS
experience without runtime style injection or build steps.
## Feature highlights
### Pseudo-classes
```jsx
```
### Selectors
```jsx
```
### Responsive design
```jsx
<>
sm
lg
```
## Compatibility
### Framework integrations
| 
React | 
Preact | 
Solid | 
Qwik |
| :--------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------: |
| ✅ | ✅ | ✅ | ✅ |
### Browser support
| 
Chrome | 
Edge | 
Safari | 
Firefox | 
Opera |
| :-----------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------: |
| 99+ | 99+ | 15.4+ | 97+ | 85+ |
## Documentation
Please visit [css-hooks.com](https://css-hooks.com) to get started.
## Contributing
Contributions are welcome. Please see the
[contributing guidelines](CONTRIBUTING.md) for more information.
## License
CSS Hooks is offered under the [MIT license](LICENSE).
