Able pro Bootstrap 5, Angular 13 & React Admin Template

0
18

LIVE VORSCHAUKAUFEN FÜR $25

Able pro Bootstrap 5, Angular 13 & React Admin Template - 1
Able pro Bootstrap 5, Angular 13 & React Admin Template - 2
Able pro Bootstrap 5, Angular 13 & React Admin Template - 3

Able Pro ist eine der vorgestellten Dashboard-Vorlagen in Themeforest. Es wurde von über 2,5.000 Kunden für ihre Projekte verwendet, darunter Startups und Fortune-Unternehmen, für ihre Backend-Anforderungen.

Über Able Pro Admin-Vorlage

Mit Able Pro erhalten Sie eine erstklassige Bootstrap 5-Admin- und Dashboard-Vorlage, die vollständig ansprechbar ist. Egal, ob Sie ein Admin-Panel, ein Dashboard, eine E-Commerce-App, ein Projektmanagementsystem, eine Krypto-Administrationsschnittstelle, ein CRM oder eine SASS-basierte Schnittstelle erstellen müssen, diese Vorlage deckt Sie ab. Es verfügt über Gulp-basierte Build-Tools und unterstützt auf SCSS-Variablen basierende Modi sowie RTL-Sprachen. Holen Sie sich diese Admin-Dashboard-Vorlage noch heute und erstellen Sie eine dynamische Web-App, die alle Ihre Anforderungen erfüllt.

Gemacht für Leistung

Die Priorisierung der Leistung war unser Hauptaugenmerk bei der Entwicklung von Able Pro. Wir haben erhebliche Anstrengungen unternommen, um den Code zu testen und zu verbessern, um eine optimale Leistung zu erzielen.

Able Pro wurde mit Fokus auf Leistung entwickelt, und wir haben dieses Ziel durch strenge Design- und Codetests erfolgreich erreicht. Unser Design hat hohe Punktzahlen bei Google Page Speed, Pingdom und gtMetrix erhalten, während unser Code strenge Tests durch den w3-Validator und die WCAG bestanden hat.

Able Pro Tech Stack

Die Able Pro Admin-Vorlage enthält die neuesten verfügbaren Technologien.

  • Bootstrap 5
  • Gulp Build Tools (dh nicht obligatorisch)
  • npm/yarn Paket-Manager
  • React 18 (Material-UI-Designsystem) demnächst
  • Winkel 15 (Angular Material Design System) demnächst
  • PHP CodeIgniter 4 demnächst
  • .Netz demnächst

Hauptmerkmale

Hier sind die herausragenden Funktionen von Able Pro, die es von anderen Vorlagen unterscheiden.

  • Optionen für helles/dunkles/automatisches vertikales Layout.
  • Live-Customizer zum Herumspielen in Echtzeit mit Design.
  • Codestandard, der das Entwicklererlebnis vereinfacht (DX).
  • Retina Ready und Mobile-first responsives Design.
  • Moderne Benutzeroberfläche mit einfacher Benutzererfahrung
  • Einfach zu bedienende Ordnerstruktur
  • Gut kommentierter Codestil
  • Einfacher Dokumentationsleitfaden

Layout-Typen

Wir führen 14 neue Layouts ein, die noch nie in anderen Admin-Vorlagen zu sehen waren. Wir haben es entwickelt, um die Anforderungen moderner Backend-Anwendungen zu erfüllen.

  • Vertikales Navigationslayout.
  • LTR, RTL (dh von rechts nach links – meistens geeignet für den arabischen Raum).
  • Container-/Layout-Option in voller Breite.
  • Option zum Ein-/Ausblenden des Seitenkontrasts.
  • Kopfzeile verwischen

Widgets

Über 40 konzeptionelle Widget-Sammlung zur Anzeige von Statistiken, Diagrammen und tabellenbezogenen Feldern.

Moderne Benutzeroberfläche

Able Pro bringt Ihr Dashboard mit seiner professionellen Designoberfläche mit richtiger Typografie, Ikonografie, einer gut optimierten Farbpalette und sorgfältig durchdachten Abständen auf die nächste Stufe. Darüber hinaus erfüllt es die WCAG-Compliance-Standards für bevorzugte Kontrastverhältnisse und sorgt so für ein noch besseres Benutzererlebnis.

Able Pro Theming-Optionen

  • Standardlayout (z. B. Light mit LTR)
  • Dunkel
  • Auto (dh Hell/Dunkel-Layout hängt von den Systemeinstellungen ab)
  • 10+ Primärfarbenoptionen
  • Themenkontrast Hige/Show
  • Sidebar-Menübeschriftung ein-/ausblenden
  • LTR/RTL-Versionen
  • Volle/Containerbreite

Diagramm

Verschiedene Diagramme sind nützlich, um Ihre Diagrammdaten in einem Diagramm hervorzuheben. Wir haben mehr als 20+ Diagramme implementiert.

Diagrammtypen

  • ApexCharts
  • Mehr folgt bald)

Komponenten

Die Able Pro Admin-Vorlage enthält alle wesentlichen Bootstrap 5-Komponenten sowie zahlreiche zusätzliche Komponenten von Drittanbietern, die unten aufgeführt sind. Alle diese Komponenten sind mit den neuesten verfügbaren Versionen auf dem neuesten Stand.

Fortschrittliche Komponenten

  • Süßer Alarm
  • Datumsauswahl
  • Grid-Helfer
  • Leuchtkasten
  • Modal
  • Benachrichtigung
  • Range-Schieberegler
  • Syntax-Highlighter
  • Tour
  • Baumsicht
  • Schieberegler

Formularkomponenten & Plugins

  • Input, Floating Input, InputGroup, TextArea, Switch, Buttons, Switches, Radio, Checkbox, Mega Option
  • Formularvalidierung
  • Eingabemasken
  • Tippe voraus
  • Formularauswahl – Datumsauswahl, Zeitauswahl, Farbauswahl
  • Entscheidungen JS
  • Zwischenablage
  • reCaptcha
  • Texteditoren – Tinymce, Quill, CK Editor und Markdown
  • Formularlayouts – Einzeln, mehrspaltig, Aktionsleisten, Sticky Form
  • Datei-Upload
  • Bildbeschneidung

Tische

  • Bootstrap-Tabelle – Basic-, Sizing-, Border-, Styling-Tabellen
  • Vanilla Table – Basic, Dynamic, DateTime-Sortierung, Fetch-API, Filter, Exporttabellen
  • Datentabelle
  • Erweiterungen für Datentabellen

Extra

  • Sitzungszeitüberschreitung
  • Offline
  • Animationen

Symbole

  • Feder
  • Schriftart Awesome5
  • Material
  • Tischler
  • Benutzerdefinierte Symbole

Anwendungen

Able Pro hat mehr als 7 konzeptionelle Apps.

  • Kalender
  • Plaudern
  • Kunde
  • E-Commerce
  • Dateimanager
  • Posteingang
  • Benutzerverwaltung

Wichtige Seiten

  • Zielseite
  • Kontaktseite
  • Preisgestaltung
  • Authentifizierungsseiten (3 Varianten) – Anmelden, Registrieren, Passwort vergessen, E-Mail prüfen, Passwort zurücksetzen, OTP-Verifizierung
  • Wartungsseiten – 404, 500, im Aufbau, in Kürze verfügbar

Extra

  • 4-Ebenen-Menü
  • Beispielseite

Gekauftes Paket beinhaltet

  • Quellcode der Vorlage
  • Figma-Designdatei
  • Dokumentation

Ressourcen & Credits

  • Bootstrap 5
  • Inter Font – rsms.me
  • Bilder – Unsplash, Freepik
  • 3D-Assets – Iconscout
  • Avatar – Memoji
  • Plugin-Referenzen – Siehe unsere Dokumentation

LIVE VORSCHAUKAUFEN FÜR $25

LEAVE A REPLY

Please enter your comment!
Please enter your name here