# API

- [Layout](/atomic-layout/api/layout.md)
- [configure()](/atomic-layout/api/layout/configure.md)
- [Components](/atomic-layout/api/components.md)
- [Box](/atomic-layout/api/components/box.md)
- [Composition](/atomic-layout/api/components/composition.md)
- [Only](/atomic-layout/api/components/only.md)
- [Visible](/atomic-layout/api/components/visible.md)
- [Hooks](/atomic-layout/api/hooks.md)
- [useMediaQuery](/atomic-layout/api/hooks/use-media-query.md)
- [useResponsiveQuery](/atomic-layout/api/hooks/use-responsive-query.md)
- [useViewportChange](/atomic-layout/api/hooks/use-viewport-change.md)
- [useBreakpointChange](/atomic-layout/api/hooks/use-breakpoint-change.md)
- [useResponsiveValue](/atomic-layout/api/hooks/use-responsive-value.md)
- [useResponsiveProps](/atomic-layout/api/hooks/use-responsive-props.md)
- [Utilities](/atomic-layout/api/utilities.md)
- [query](/atomic-layout/api/utilities/query.md): A utility function for composing an inline media query string in CSS.
- [makeResponsive](/atomic-layout/api/utilities/use-responsive-component.md)