Open Source

Django Insight UI

Ein auf Barrierefreiheit ausgelegtes Django-Komponenten-Framework

Über 60 produktionsreife Komponenten, entwickelt nach WCAG 2.1 AA und auf WCAG 2.2 ausgerichtet. Erstelle barrierefreie Django-Anwendungen ohne Frontend-Expertise.

Erste Schritte Komponenten durchsuchen

60+ Komponenten

WCAG 2.1 AA Entwickelt nach

RTL Layout-Unterstützung

0 JavaScript erforderlich

Alles, was du brauchst

Erstelle professionelle Django-Anwendungen mit einer vollständigen Komponentenbibliothek. Frontend-Expertise ist nicht erforderlich.

Über 60 Komponenten

Vorgefertigte, produktionsreife Komponenten von Buttons bis zu Diagrammen und Datentabellen.

Entwickelt nach WCAG 2.1 AA

Barrierefreiheit ist eingebaut: semantisches HTML, WAI-ARIA-Muster, Tastaturnavigation und Screenreader-Unterstützung. Jede Komponente dokumentiert ihre Selbstbewertung und bekannte Einschränkungen.

HTMX-gestützt

Interaktive Komponenten ohne JavaScript-Komplexität. Teilseiten-Aktualisierungen sind direkt enthalten.

Django-nativ

Template-Tags und Dataclass-Konfigurationen. Baue deine UI mit Python statt JavaScript.

Dunkelmodus

Helle und dunkle Themes mit sanften Übergängen. Berücksichtigt die Systemeinstellungen der Nutzerinnen und Nutzer.

RTL-Unterstützung

Vollständige Unterstützung für Rechts-nach-links-Layouts für Arabisch, Hebräisch, Persisch und weitere RTL-Sprachen.

Was ist Insight UI?

Für Django entwickelt

Insight UI ist ein CSS-/JavaScript-Framework für Django-Anwendungen. Anders als bei vielen anderen Frameworks brauchst du kein tiefes Frontend-Wissen. Es ist für Rapid Prototyping und Entwicklerinnen und Entwickler gedacht, die sich auf Backend-Logik statt auf Frontend-Komplexität konzentrieren möchten.

Template-Tags statt JavaScript

Füge Komponenten direkt in deine Templates ein und befülle sie mit Daten. Alle Komponenten sind mit Blick auf Barrierefreiheit umgesetzt und unterstützen RTL-Layouts für Internationalisierung.

{% load insight_tags %} {# A button with icon #} {% button label="Save" type="primary" icon="save" %} {# A data table with pagination #} {% table config=table_config %} {% pagination config=pagination_config %} {# An interactive modal #} {% modal config=modal_config %} <p>Are you sure you want to continue?</p> {% endmodal %}

Sofort nutzbare Seitenstruktur

Erweitere unser Basis-Template und konzentriere dich auf deine Inhalte. Navigation, Sidebars und Dunkelmodus sind enthalten.

{% block navbar %} Fixierte Navigationsleiste

{% block sidebar_left %} Statische linke Sidebar

{% block content %} Hauptinhaltsbereich

{% block sidebar_right %} Statische rechte Sidebar

{% block footer %} Seitenfuß

Mehr erfahren

Passe es an dein Projekt an

Drei Wege zur Anpassung: von einfachen Farbänderungen bis zu vollständigen Komponenten-Overrides.

Einstellungen

Konfiguriere Favicons, SEO, externe Bibliotheken und UI-Verhalten über Django-Settings.

settings.py

Theming

Definiere Farben, Schriften und Komponentenstile mit CSS-Tokens. Dunkelmodus inklusive.

input.css

Templates

Überschreibe jedes Komponenten-Template, indem du es im Template-Verzeichnis deines Projekts ablegst.

templates/

Anleitung zur Anpassung

Für alle gebaut

Barrierefreiheit ist kein nachträglicher Gedanke. Jede Komponente wird von Anfang an nach WCAG 2.1 AA entwickelt und dokumentiert ihre Selbstbewertung einschließlich bekannter Einschränkungen. Konformitätsnachweise nach EN 301 549 (Accessibility Conformance Report, Matrix je Komponente) erstellen wir im Rahmen unseres Enterprise Service.

Semantische HTML-Elemente

ARIA-Labels und Rollen

Tastaturnavigation

Screenreader-Unterstützung

Fokussteuerung

Kontrastverhältnisse von 4,5:1