---
title: "StyleX Connector"
manual: "StyleX Connector"
version: "1.1"
permalink: "https://docs.typo3.org/permalink/skom/stylex-connector:start@1.1"
source: "Index.rst"
start: true
rendered: "2026-11-01T18:26:19+00:00"
---

# StyleX Connector {#start}

![StyleX Connector logo](Images/Extension.svg)

-   *Extension key:* stylex_connector
-   *Package name:* skom/stylex-connector
-   *Version:* 1.1.2
-   *License:* GPL-2.0-or-later
-   *Repository:* [https://github.com/Starraider/stylex-connector](https://github.com/Starraider/stylex-connector)

StyleX Connector makes StyleX classes available in TYPO3 Fluid templates. A
sitepackage registers the JSON manifest created by its frontend build. The
`stylex:class` ViewHelper then resolves semantic style keys such as
`Button.primary` to the atomic CSS classes in that manifest.

-   [Introduction](https://docs.typo3.org/permalink/skom/stylex-connector:introduction-1@1.1)
-   [Installation](https://docs.typo3.org/permalink/skom/stylex-connector:installation-1@1.1)
    -   [Install the extension and asset dependencies](https://docs.typo3.org/permalink/skom/stylex-connector:install-the-extension-and-asset-dependencies@1.1)
    -   [DDEV development server](https://docs.typo3.org/permalink/skom/stylex-connector:ddev-development-server@1.1)
    -   [Vite and asset delivery](https://docs.typo3.org/permalink/skom/stylex-connector:vite-and-asset-delivery-1@1.1)
    -   [Connect the build to TYPO3](https://docs.typo3.org/permalink/skom/stylex-connector:connect-the-build-to-typo3@1.1)
    -   [Verify development and production delivery](https://docs.typo3.org/permalink/skom/stylex-connector:verify-development-and-production-delivery@1.1)
-   [Using the ViewHelper](https://docs.typo3.org/permalink/skom/stylex-connector:using-the-viewhelper-1@1.1)
-   [StyleX authoring and themes](https://docs.typo3.org/permalink/skom/stylex-connector:stylex-authoring-and-themes@1.1)
-   [Integrations](https://docs.typo3.org/permalink/skom/stylex-connector:integrations-1@1.1)
    -   [Content Blocks](https://docs.typo3.org/permalink/skom/stylex-connector:content-blocks@1.1)
    -   [Fluid Styled Content](https://docs.typo3.org/permalink/skom/stylex-connector:fluid-styled-content@1.1)
    -   [Bootstrap and bootstrap_package](https://docs.typo3.org/permalink/skom/stylex-connector:bootstrap-and-bootstrap-package@1.1)
-   [Configuration](https://docs.typo3.org/permalink/skom/stylex-connector:configuration-1@1.1)
-   [Architecture](https://docs.typo3.org/permalink/skom/stylex-connector:architecture-1@1.1)
-   [Upgrade and deploy builds](https://docs.typo3.org/permalink/skom/stylex-connector:upgrade-and-deploy-builds@1.1)
-   [Troubleshooting](https://docs.typo3.org/permalink/skom/stylex-connector:troubleshooting-1@1.1)