Free, open-source admin dashboard template
Built with Tailwind CSS, SASS, and Gulp
Features a clean, minimal, and developer-first design
Supports live demo with Browsersync for development
MIT-licensed with community contributions
Cleopatra is a free, open-source admin dashboard template developed by Mohamed Said, designed to provide a clean and minimal interface for developers building web applications. Its primary goal is to offer a highly customizable, developer-first solution for creating scalable admin panels, targeting those who need a fast and easy-to-use dashboard with Tailwind CSS.
The template uses Tailwind CSS for styling, SASS for enhanced code customizability, and Gulp for build automation. It includes features like a live demo mode with Browsersync, clear comments in its JS, SASS, and HTML files, and a focus on performance, making it a practical choice for modern admin interfaces.
Clean Design: Minimal and modern UI for admin dashboards.
Tailwind CSS Styling: Utility-first styling with Tailwind CSS for flexibility.
SASS Customization: Uses SASS for increased code customizability.
Live Demo Mode: Supports Browsersync for real-time preview on port 8080.
Build Automation: Gulp compiles CSS/JS files for development and production.
Well-Documented: Includes clear comments in JS, SASS, and HTML files.
Developer-Friendly: Designed with developers in mind, offering clear documentation.
Free and Open-Source: MIT license allows unrestricted use and modification.
Customizable: SASS and Tailwind CSS enable easy styling adjustments.
Community Support: 1.4k GitHub stars and active contributions from developers.
Live Preview: Browsersync support simplifies development with real-time updates.
Limited UI Elements: Missing some UI components like content menus, per GitHub issues.
Development Stalled: No updates since 2020, with incomplete features noted on GitHub.
Gulp Dependency: Requires Gulp, which may slow down modern workflows using Vite or esbuild.
Basic Features: Lacks advanced functionality like responsive layouts or dark mode.
Cleopatra provides a template structure for admin dashboards:
Source Files: Editable JS, SASS, and HTML files in src/ for customization.
Dist Files: Compiled CSS/JS files in dist/ for production use.
Typography Styles: Includes styles for headings, body text, and lists in src/apply/_badge.sass.
Button Styles: Custom buttons for forms and dialogs with multiple sizes and states.
Cleopatra operates on a Free model:
Free Access: Fully open-source under the MIT license, with no cost to use or modify.
Cleopatra integrates with:
Tailwind CSS: Core styling framework for utility-first design.
SASS: Enhances styling with SASS for better customizability.
Gulp: Build automation for compiling CSS/JS files.
Browsersync: Live preview during development on port 8080.
npm: Installation via npm install @moesaid/cleopatra.
Cleopatra is a free admin dashboard template built with Tailwind CSS, using its utility-first approach for styling and SASS for further customization.
Yes, it’s fully free and open-source under the MIT license.
It’s a static HTML template; integrating with React or Next.js would require manual adaptation.
Its responsiveness is limited; it lacks explicit mobile-first design features.
Admin Dashboard Template Built On Tailwind CSS
Next.js Starter Kit with TypeScript, Shadcn, Tailwind & Supabase.
Submit your Tailwind CSS product to All UtilityCSS, get featured, and drive genuine traffic while showcasing your work to the world. Turn your creativity into revenue and begin selling today! 🚀