---
title: "Fractal"
description: "Fractal creates powerful component libraries & styleguides that fit the way you work."
canonical_url: "https://codex.republic.se/design-systems/fractal"
section: "Pages"
---

# Fractal

[Fractal](https://fractal.build/) creates powerful component libraries & styleguides that fit the way you work.

---

> **Flexible**  
> Complete freedom to use whichever templating language, build tool and organisational model best suits your project.

> **Integrated**  
> Seamlessly integrate your component library into your site, app or build tools by including it as a dependency in your build.

> **Data-driven**  
> Component preview data can be hardcoded or dynamically generated any way you like - for instance using libraries such as Faker.

We have used Fractal on several projects and it really fits into the way we work, as advertised.

---

## Resources

### Information

 ![](https://www.google.com/s2/favicons?domain=https://github.com/frctl/fractal/tree/main/packages/twig&sz=128) [@frctl/twig - Twig template engine adapter for Fractal](https://github.com/frctl/fractal/tree/main/packages/twig) // 2025-06-12

 ![](https://www.google.com/s2/favicons?domain=https://github.com/frctl/awesome-fractal&sz=128) [Awesome Fractal](https://github.com/frctl/awesome-fractal) // 2025-06-12

### Themes

 ![](https://www.google.com/s2/favicons?domain=https://github.com/gtap-dev/nighthawk&sz=128) [Nighthawk](https://github.com/gtap-dev/nighthawk) // 2025-06-12

 ![](https://www.google.com/s2/favicons?domain=https://github.com/ninety-six/mono-fractal&sz=128) [Mono](https://github.com/ninety-six/mono-fractal) // 2025-06-12

 ![](https://www.google.com/s2/favicons?domain=https://github.com/ninety-six/fratomic&sz=128) [Fratomic](https://github.com/ninety-six/fratomic) // 2025-06-12

### Tutorials

 ![](https://www.google.com/s2/favicons?domain=https://craftquest.io/courses/building-a-component-library-with-fractal-and-twig&sz=128) [Component Libraries with Fractal (and Twig)](https://craftquest.io/courses/building-a-component-library-with-fractal-and-twig) // 2025-06-12