# Symfony
> Set up Tabler in Symfony and build a first working page.
Install Tabler in Symfony - import the CSS and JS with Webpack Encore and render a minimal Twig layout with a Tabler card.
Source: https://docs.tabler.io/ui/getting-started/frameworks/symfony
---
Symfony's Twig templates render server-side HTML, so Tabler components work without any adapters - you add Tabler classes to your markup and let the asset pipeline deliver the CSS and JS.
This guide uses Webpack Encore. You will install `@tabler/core`, import its assets in your Encore entries, and render a first Twig template with a Tabler card.
## Setup
### Install Tabler package
Install `@tabler/core` with your preferred package manager:
```shell
npm install @tabler/core
yarn add @tabler/core
pnpm install @tabler/core
bun install @tabler/core
```
You can also use CDN files when you need a quick setup:
```html
```
### Import styles
If you use Webpack Encore, import Tabler CSS in `assets/styles/app.scss`:
```scss
@import '@tabler/core/dist/css/tabler.min.css';
```
For full theme customization, import SCSS sources instead:
```scss
@use '@tabler/core/scss/tabler';
```
### Import and initialize JavaScript
Tabler JavaScript is required for interactive components such as dropdowns, modals, and tooltips.
If you use Webpack Encore, import Tabler JS in `assets/app.js`:
```js
import '@tabler/core/dist/js/tabler.min.js'
```
Symfony-specific note: include generated Encore assets in your base Twig template: `{{ encore_entry_link_tags("app") }}` and `{{ encore_entry_script_tags("app") }}`.
If you use AssetMapper instead of Encore, use CDN links or copy built Tabler files to your public assets.
### Minimal working example
Create a minimal Twig layout in `templates/base.html.twig`:
```twig
{{ encore_entry_link_tags("app") }}
{% block body %}{% endblock %}
{{ encore_entry_script_tags("app") }}
```
Then add a simple page in `templates/home/index.html.twig`:
```twig
{% extends "base.html.twig" %}
{% block body %}
Symfony + Tabler
Your Tabler setup is working.
{% endblock %}
```
Run the app and asset build:
```shell
symfony server:start
npm run dev
```
Open the local Symfony URL and confirm the card is styled with Tabler.
### Next steps
- Continue with [Customize](/ui/getting-started/customize) to adjust styles and build setup.
- Explore [Layout](/ui/layout) to choose page structures.
- Browse [Components](/ui/components) to add UI building blocks.