Files

25 lines
1.1 KiB
Plaintext

---
title: Frameworks
description: Step-by-step guides for integrating Tabler with popular frameworks.
summary: Pick your framework and get a working Tabler page in minutes.
hide-pagination: true
layout: '@layouts/DocsMdxLayout.astro'
---
import DocsCard from '@components/DocsCard.astro'
import { getDocsChildren } from '@shared/lib/docs-children'
Tabler is framework-agnostic: it styles standard HTML, so it works with any stack that renders markup. Each guide below shows the fastest path to a working Tabler page — installing `@tabler/core`, wiring the styles and scripts where your framework expects them, and rendering a first component.
<div class="row g-3">
{getDocsChildren('/ui/getting-started/frameworks/').map((child) => (
<DocsCard href={child.url} icon={child.icon} title={child.title} description={child.description} />
))}
<DocsCard title="ASP.NET Core" icon="brand-c-sharp" description="Integrate Tabler with ASP.NET Core." />
<DocsCard title="Flask" icon="flask" description="Integrate Tabler with Flask." />
<DocsCard title="HTMX" icon="html" description="Integrate Tabler with HTMX." />
</div>