BuddyX is a powerful, flexible WordPress theme designed specifically for building online communities. Built with BuddyPress in mind, BuddyX provides everything you need to create engaging social platforms, membership sites, and collaborative online spaces.
Creating a theme with BuddyX means adopting modern web development practices and core principles built on:
- Accessibility First - WCAG compliant and screen reader friendly
- Mobile-First Design - Responsive across all devices
- Progressive Enhancement - Works for everyone, regardless of browser capabilities
- Performance Optimized - Fast loading and efficient
- BuddyPress Ready - Perfect for community features
- WooCommerce Compatible - E-commerce ready
- Developer Friendly - Clean code, well-documented
- Modern, clean interface that works out of the box
- Multiple header layouts and navigation options
- Customizable color schemes and typography
- Widget-ready sidebars and footer areas
- Built-in block patterns and templates
- Full BuddyPress integration support
- Member profiles and activity streams
- Groups and forums compatibility
- Social networking features ready
- WooCommerce compatibility
- Product display and shopping cart layouts
- Custom checkout and product page designs
- Optimized asset loading
- Lazy loading for images
- Minified CSS and JavaScript
- AMP support for mobile performance
- Modern build system with ESBuild
- Component-based architecture
- Custom block development support
- WP CLI commands for development
- Comprehensive testing suite
- WordPress 5.4 or higher
- PHP 8.0 or higher
- Node.js 20.13.1 or higher (for development)
- npm 10.5.2 or higher (for development)
-
Download the latest release:
wget https://github.com/vapvarun/buddyx/releases/latest/download/buddyx.zip
-
Install via WordPress admin:
- Navigate to Appearance > Themes > Add New
- Upload the buddyx.zip file
- Activate the theme
-
Or install manually:
cd wp-content/themes/ unzip buddyx.zip # Activate in WordPress admin
-
Clone the repository:
git clone https://github.com/vapvarun/buddyx.git cd buddyx -
Install dependencies:
composer install npm install
-
Start development:
npm run dev
# Start development server
npm run dev
# Build for production
npm run build
# Run linting
npm run lint
# Run tests
npm test
# Create new block
npm run block:create my-block
# Remove block
npm run block:remove my-block
# Convert to child theme
npm run theme:childBuddyX can be configured through:
- WordPress Customizer - Real-time visual customization
- Theme Options Panel - Advanced configuration options
- Theme Configuration File -
config/themeConfig.jsfor developers
module.exports = {
theme: {
slug: 'buddyx',
name: 'BuddyX',
author: 'wbcomdesigns,vapvarun',
// ... other options
},
dev: {
proxyURL: 'localbuddyx.test',
// ... development options
}
};Create a child theme to safely customize BuddyX:
npm run theme:child my-buddyx-childDevelop custom blocks with the included scaffolding:
npm run block:create my-custom-blockOverride theme styles using CSS custom properties:
:root {
--buddyx-primary-color: #your-color;
--buddyx-font-family: 'Your Font', sans-serif;
}- Chrome 90+
- Firefox 88+
- Safari 14+
- Edge 90+
- Mobile browsers (iOS Safari, Android Chrome)
We welcome contributions! Please see our contributing guidelines before submitting pull requests.
- Fork the repository
- Create a feature branch
- Make your changes
- Run tests:
npm test - Submit a pull request
- Documentation: BuddyX Documentation
- Issues: GitHub Issues
- Discussions: Community Forum
- Updates: Follow @vapvarun
- Lead Developers: wbcomdesigns, vapvarun
- Contributors: All Contributors
- Inspiration: Based on modern WordPress development best practices
BuddyX is licensed under the GNU General Public License v3.0.
Note: Originally based on BuddyX architecture but completely reimagined for community and BuddyPress integration.