Saasvibe

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.

Built for WordPress 5.8+, tested through 7.0, with full PHP 7.4 compatibility.

✨ Core Features

Modern Design Templates * Linear Dark — Sleek, minimalist dark theme inspired by Linear.app * Vercel Minimal — Clean, light interface based on Vercel.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

WCAG 2.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:

1. Install dependencies: npm install
2. Produce the production build: npm run build
3. For a development watch build: npm start

Getting Started

1. Navigate to Settings → Saasvibe
2. Use the onboarding wizard for quick setup (60 seconds)
3. Choose a design template
4. Set your brand color and logo
5. Adjust sidebar width and spacing
6. Configure role visibility if needed
7. 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.