---
title: "TYPO3 Astryx"
manual: "TYPO3 Astryx"
version: "main"
permalink: "https://docs.typo3.org/permalink/skom/typo3-astryx:start@main"
source: "Index.rst"
start: true
rendered: "2026-11-01T11:49:05+00:00"
---

# TYPO3 Astryx {#start}

![TYPO3 Astryx Logo](Images/Extension.svg)

-   *Extension key:* typo3_astryx
-   *Package name:* skom/typo3-astryx
-   *Version:* 0.1.0
-   *Language:* en
-   *Author:* Sven Kalbhenn
-   *License:* GNU General Public License version 2 or later (GPL-2.0-or-later)

TYPO3 Astryx is a modern TYPO3 content element and layout foundation designed to replace
`typo3/cms-fluid-styled-content` (FSC). It provides responsive Content Blocks, native
Fluid components, multi-column containers, and design tokens styled with **StyleX**.

Astryx follows strict progressive enhancement: editorial pages render with clean,
semantic HTML5 and atomic CSS, needing zero frontend JavaScript for the standard reading
experience. Optional client-side controllers enhance interactions such as modal navigation,
accordion height transitions, and carousel scroll snapping without trapping keyboard
or screen reader users.

-   [Introduction](https://docs.typo3.org/permalink/skom/typo3-astryx:introduction-1@main)
-   [Installation](https://docs.typo3.org/permalink/skom/typo3-astryx:installation-1@main)
-   [Configuration](https://docs.typo3.org/permalink/skom/typo3-astryx:configuration-1@main)
-   [Styling](https://docs.typo3.org/permalink/skom/typo3-astryx:styling-1@main)
    -   [Token naming migration](https://docs.typo3.org/permalink/skom/typo3-astryx:token-naming-migration@main)
    -   [StyleX and CSS integration](https://docs.typo3.org/permalink/skom/typo3-astryx:stylex-and-css-integration@main)
-   [Content Elements](https://docs.typo3.org/permalink/skom/typo3-astryx:content-elements@main)
-   [Migration](https://docs.typo3.org/permalink/skom/typo3-astryx:migration-1@main)