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