About this plugin
Saasvibe is a professional-grade WordPress plugin that transforms your admin dashboard with beautiful, modern design templates and comprehensive customization options. Perfect for agencies, enterprises, and anyone seeking a polished, branded admin interface.
4 compatibility.
✨ Core Features
Modern Design Templates
app
com design
* Classic Elevated — Professional WordPress-inspired template
* Plus more templates planned for future releases
Brand Customization
* Custom brand color with live WCAG contrast validation
* Upload your company logo to the sidebar
* Adjustable sidebar width (150-400px range)
* Top bar height customization (30-200px)
* Menu density toggle (compact, normal, relaxed)
* Environment badges for dev/staging/production
Security & Access Control
* Role-based visibility — hide menu items per WordPress role
* Input validation for all customizations
* CSRF protection on all API endpoints
* Nonce verification for data integrity
* Secure REST API with proper permissions
* Error logging and monitoring
Developer Features
* RESTful API with 5 endpoints
* React-based admin interface
* Internationalization ready
* Complete API documentation
Data Management
* Export settings as JSON
* Import configurations across sites
* One-click deployment
* Version control compatible
🔒 Security
Saasvibe includes comprehensive security hardening:
* All inputs validated and sanitized
* CSRF tokens on POST requests
* SQL injection prevention
* Proper capability checks
* Error handling with graceful fallbacks
* Security audit completed
♿ Accessibility
1 AA compliant:
* Proper contrast ratios in all themes
* Light and dark theme support
* Accessible form controls
* Keyboard navigation support
* Screen reader compatible
⚡ Performance
- Intelligent 6-hour caching layer
- Minimal JavaScript footprint (84KB)
- Optimized React build
- Zero impact on frontend performance
- Deferred script loading
Source Code
This plugin is open source and its full, uncompiled source code is included in
the plugin package as well as in a public repository.
- Public source repository: https://github.com/habib919000/Saasvibe
- Uncompiled JavaScript/React source: included in views/assets/src/
- Build configuration: webpack.config.js, package.json (uses @wordpress/scripts)
The files in views/assets/dist/ are generated from the source above using the
WordPress build toolchain (webpack via @wordpress/scripts). To build them
yourself:
- Install dependencies: npm install
- Produce the production build: npm run build
- For a development watch build: npm start
Getting Started
- Navigate to Settings → Saasvibe
- Use the onboarding wizard for quick setup (60 seconds)
- Choose a design template
- Set your brand color and logo
- Adjust sidebar width and spacing
- Configure role visibility if needed
- Click Save Settings
The live preview inside the settings screen updates instantly as you edit. Your
changes are applied to the rest of the WordPress admin (sidebar, badge, logo,
hidden top-bar items) on the next page load after you save.