Charisma Admin — Premium Multipage HTML Dashboard Kit

Charisma Admin is a modern, framework-free admin template with a floating sidebar/topbar, premium glass surfaces, and lively micro-interactions. Built with semantic HTML5, modular CSS, and vanilla JS, it ships with all the essential pages (Tables, Forms, Auth, Profile, Kanban, Calendar) plus an RTL stylesheet — ready for submission and customization.

Key Features

• Framework-free: pure HTML/CSS/JS — no build step, no heavy dependencies.
• Premium UI: floating sidebar + topbar, glossy cards, animated accents.
• Responsive: mobile-first layout, tuned breakpoints, touch-friendly controls.
• Data Tables: search, sort, pagination, quick status chips (Simple-DataTables).
• Charts: zero-dependency SVG bar/line/donut demos.
• Forms: inputs, selects, textarea, datepicker, native validation hints.
• Auth: Login, Register, Password Reset pages.
• Profile & Settings: editable profile, preferences, account areas.
• Kanban: drag & drop boards (SortableJS).
• Calendar: FullCalendar integration starter.
• RTL: dedicated rtl.css for right-to-left languages.
• Accessible: semantic markup, ARIA, focus states, keyboardable UI.
• Theme Tokens: CSS variables for instant theming + premium look.
• Vendor-ready: CDN or self-host, tidy structure, docs included.

Pages Included

• index.html — Dashboard (KPIs, charts, recent payments)
• students.html, classes.html, billing.html, announcements.html
• users.html, settings.html
• tables.html — Advanced data table (filters, pagination, chips)
• forms.html — Inputs, selects, textarea, datepicker, validation states
• profile.html — Profile & account settings
• kanban.html — Drag & drop boards (SortableJS)
• calendar.html — FullCalendar starter
• login.html, register.html, reset.html — Auth pages
• readme.html — Local documentation

What’s Inside

• /assets/css/ — Core styles (base.css, layout.css, components.css, pages.css, rtl.css)
• /assets/js/ — Vanilla JS for UI, charts, tables, demos
• /assets/vendor/ — Simple-DataTables, SortableJS, FullCalendar (CDN or self-host)
• /assets/fonts/ — Google Fonts (Plus Jakarta Sans / Outfit) optional self-host
• /assets/img/ — Placeholder images & logos

Design & UX Highlights

• “Floating” rounded containers with subtle blur and soft shadows
• Live sidebar highlight pill, colorful icon accents, animated borders
• Compact topbar with search, user menu, and notification dot
• Performance-first SVG charts (no chart library needed)
• Tables with status badges, payment method pills, and hover rows

Performance & Accessibility

• Lightweight: minimal JS, no frameworks
• Semantic HTML landmarks, ARIA where needed
• High contrast text, focus outlines, reduced-motion friendly

Credits

• Icons: Font Awesome 6
• Tables: Simple-DataTables
• Drag & Drop: SortableJS
• Calendar: FullCalendar
• Fonts: Google Fonts (Plus Jakarta Sans, Outfit)
• Images: Unsplash placeholders (not included in final download)

Documentation & Support

• Docs: readme.html covers setup, structure, theming, and build-free usage.
• Support: Item support per ThemeForest policy for bug fixes and questions about the included code.
• Note: This is a front-end template (no backend). Form submissions require your own server logic or service.

Changelog

v1.0.0 — Initial release
• Dashboard, Tables, Forms, Profile, Settings
• Auth (Login, Register, Reset)
• Kanban (SortableJS), Calendar (FullCalendar)
• RTL stylesheet, Premium floating UI, SVG charts

Why Charisma Admin?

• It looks premium out of the box but is extremely easy to theme.
• Zero build tools — just open index.html and you’re running.
• All the “must-have” pages are already wired with consistent styling.

Build faster. Ship confidently. Give your admin the polish it deserves.