# Django
> Set up Tabler in Django and build a first working page.
Install Tabler in Django - serve the CSS and JS through static files and render a minimal template layout with a Tabler card.
Source: https://docs.tabler.io/ui/getting-started/frameworks/django
---
Django templates render server-side HTML, which makes Tabler a drop-in: add Tabler classes to your markup and serve the compiled CSS and JS through Django's static files system - no Node build step required at runtime.
You will install `@tabler/core`, copy its compiled assets into your static directory, and render a first 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
Django can use Tabler in two common ways:
- Build frontend assets with npm and serve compiled files.
- Copy static CSS/JS files into your Django static directory.
If you use static files directly, copy the compiled files from the installed npm package into your static directory:
```shell
mkdir -p static/css static/js
cp node_modules/@tabler/core/dist/css/tabler.min.css static/css/
cp node_modules/@tabler/core/dist/js/tabler.min.js static/js/
```
Then add Tabler CSS to your base template:
```jinja
{% load static %}
```
For full theme customization, build from SCSS sources:
```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 static files, include Tabler JS in your base template:
```jinja
{% load static %}
```
Django-specific note: when serving local static assets in production, run `collectstatic` so Tabler files are included in your final static output.
### Minimal working example
Create a minimal base template in `templates/base.html`:
```jinja
{% load static %}
{% block content %}{% endblock %}
```
Then add a simple page in `templates/home.html`:
```jinja
{% extends "base.html" %}
{% block content %}
Django + Tabler
Your Tabler setup is working.
{% endblock %}
```
Run the app:
```shell
python manage.py runserver
```
Open the local Django 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.