Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Repository files navigation

UI Kernel

Design tokens, themes, and slim CSS generation for Symfony

PHP Version Symfony
CI
Release Downloads License

Note

Read-only mirror. See CONTRIBUTING.md for how to propose changes.

Features

  • Design tokens — color, spacing, radius, motion, and focus CSS variables from theme packs
  • Built-in themes — Balanced, Semantic, and Utility lineages with light and dark variants
  • Twig integrationui_kernel_css(), theme boot script, and theme shell helpers
  • Slim kernel boundary — theme CSS only; component styles ship in ux-blocks-* packages
  • Flex recipe — bundle and default config wired on install

Prerequisites

Add the symfinity/recipes Flex endpoint to your project's composer.json (see recipes README) — recipes are not in Symfony's official recipe repository yet.

Installation

composer require symfinity/ui-kernel

The Flex recipe registers the bundle for all environments and copies a minimal app config. See Installation.

Quick Start

{# templates/base.html.twig #}
<head>
    {{ ui_kernel_theme_boot_script() }}
    {{ ui_kernel_css()|raw }}
</head>
# config/packages/symfinity_ui_kernel.yaml
symfinity_ui_kernel:
    default_theme: semantic
    default_variant: semantic

See Quick start for the full walkthrough.

Documentation

Requirements

  • PHP 8.2 or higher
  • Symfony 6.4, 7.x, or 8.x
  • Twig 3.0 or higher

Support

License

MIT

About

Design tokens, themes, and slim CSS generation for Symfony

Topics

Resources

Contributing

Security policy

Stars

3 stars

Watchers

0 watching

Forks

Releases

Contributors

Languages