Professional WordPress UI Components

Build beautiful WordPress themes with modern, accessible UI components. Install directly to your theme with zero dependencies - just like shadcn/ui.

Why Choose WPSyde?

🚀

Zero Dependencies

Components are copied directly to your theme. No npm packages, no composer, no external dependencies to manage.

Lightning Fast

Install components in seconds with our professional CLI tool. No waiting for package managers or build processes.

🎨

Fully Customizable

Complete control over component code. Modify, extend, and style components exactly how you want them.

🔒

Production Ready

Built with accessibility and modern web standards. Components are tested and ready for production use.

📱

Responsive Design

All components are mobile-first and responsive by default. Works perfectly on all devices and screen sizes.

🔄

Version Management

Install specific versions or always get the latest. Easy updates and rollbacks when needed.

Installation

1 Navigate to Your Theme

Open your terminal and navigate to your WordPress theme directory:

$ cd wp-content/themes/your-theme-name

2 Initialize WPSyde

Set up WPSyde in your theme project:

$ npx wpsyde-ui init

3 Install Components

Start adding components to your theme:

$ npx wpsyde-ui add Button
$ npx wpsyde-ui add Card
$ npx wpsyde-ui add Modal

4 Use in Your Theme

Include components in your WordPress theme files:

<?php get_template_part('template-parts/components/Button/1.0.0/component'); ?>

Available Components

Button

v1.0.0

Card

v1.0.0

Modal

v1.0.0

Input

v1.0.0

Alert

v1.0.0

Badge

v1.0.0

Avatar

v1.0.0

Table

v1.0.0

Tabs

v1.0.0

Toast

v1.0.0

Tooltip

v1.0.0

+13 more

Available
View All Components