Wordpress Plugin Boilerplate
The WordPress Plugin Boilerplate is a comprehensive starter template that brings modern web development practices to WordPress plugin development by integrating React, TypeScript, SASS, Tailwind CSS, shadcn/ui components, Vite for blazing-fast builds, Storybook for component development, and Hot Module Replacement for instant feedback during development.
- Author
Prappo- Updated
Live preview
Live Preview
Interact with the actual deployed template — every section, every interaction, no mockups.
prappo.github.io/wordpress-plugin-boilerplate
Open in a new tab (opens in a new tab)Loading preview…
About
About WordPress Plugin Boilerplate
This boilerplate eliminates the traditional pain points of WordPress plugin development by providing a Laravel-inspired custom ORM for database operations, flexible API routing for REST endpoints, simplified shortcode generation with custom rendering, seamless data passing between PHP backend and React frontend, and a CLI tool for rapid plugin scaffolding and configuration. The development workflow is streamlined with npm run dev for full development mode with HMR, separate npm run dev:frontend and npm run dev:admin commands for focused development, npm run build to compile production-ready assets, and npm run release to create distributable plugin packages. The boilerplate includes Storybook integration for isolated component development and documentation, TypeScript for type safety across JavaScript code, SASS and Tailwind CSS for flexible styling options, shadcn/ui and Headless UI for accessible component primitives, and proper WordPress hooks and filters integration maintaining compatibility with the WordPress ecosystem.
This template is invaluable for developers building commercial WordPress plugins with modern UIs and complex functionality, agencies developing multiple client plugins who need consistent, maintainable architecture, teams transitioning from jQuery-based WordPress development to React, freelancers who want professional development experience in WordPress projects, and anyone frustrated with traditional WordPress plugin development workflows. The project demonstrates how to integrate modern JavaScript frameworks into WordPress without fighting the platform, structure plugin code for maintainability and testability, implement database models and API routes in WordPress context, build component libraries with Storybook for WordPress admin interfaces, and accelerate WordPress plugin development with contemporary tooling.
Get started
Free, open source, and ready to ship.
Clone the repo, install dependencies, and start customising. WordPress Plugin Boilerplate is free and open source: its license is in the repository.
- Clone the WordPress Plugin Boilerplate repository from GitHub.
- Run
npm installorpnpm installto install all required packages. - Run
npm run devto start the development server and begin customizing. - Check the repository’s README and license before you ship.
Terminal
$ git clone https://github.com/prappo/wordpress-plugin-boilerplate $ cd wordpress-plugin-boilerplate $ npm install $ npm run dev
Included in Pro
More Templates
Hand-built premium templates from shadcn.io — production-ready and bundled in Pro.
- Solarisshadcn.io/demos/solaris
Pro - Reframe Labsshadcn.io/demos/reframe
Pro - Spheruleshadcn.io/demos/spherule
Pro - Maxshadcn.io/demos/max
Pro - Zel Designsshadcn.io/demos/zel
Pro - Areteshadcn.io/demos/arete
Pro - Lightboxshadcn.io/demos/lightbox
Pro - Chatlyshadcn.io/demos/chatly
Pro
Every template, every block. One Pro plan unlocks all 14, with 6,000+ blocks and MCP for your AI editor.
Get ProMore like this
More React Aria templates
Open source React Aria templates like WordPress Plugin Boilerplate, those with the most in common first.
Pricing
Every premium template, with Pro
All 14 premium templates come with every Pro plan, with 6,000+ blocks and the MCP server. Pick the seats you need.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
Everything you need to know before you ship with WordPress Plugin Boilerplate.
The WordPress Plugin Boilerplate is a comprehensive starter template that brings modern web development practices to WordPress plugin development by integrating React, TypeScript, SASS, Tailwind CSS, shadcn/ui components, Vite for blazing-fast builds, Storybook for component development, and Hot Module Replacement for instant feedback during development. It is an open source template in the shadcn.io collection of 215.
WordPress Plugin Boilerplate is made by Prappo, an independent developer; shadcn.io lists it but did not make it. Prappo has 1 template in the collection, and the author's page lists them.
The listing tags WordPress Plugin Boilerplate with React, Vite, SCSS, Tailwind, Headless UI and React Aria. Those are its categories, not a dependency list: the exact packages and versions are in the repository's package.json.
Yes. The WordPress Plugin Boilerplate page embeds its live demo from prappo.github.io/wordpress-plugin-boilerplate, and links to it so you can open the real deployment before you clone.
The WordPress Plugin Boilerplate listing was last updated on October 8, 2025. That date is the listing's, not the repository's: check the repository's commits for recent activity.
Clone the repository (git clone https://github.com/prappo/wordpress-plugin-boilerplate), then follow the README. The WordPress Plugin Boilerplate page shows the usual steps and a terminal block with the commands to copy.
Install dependencies with npm install or pnpm install, then run npm run dev. The README in the WordPress Plugin Boilerplate repository says which package manager and environment variables it needs.
No. WordPress Plugin Boilerplate is cloned from its own GitHub repository, so shadcn.io isn't involved. Browsing the page and its live demo need no account either; Pro adds the premium templates, the blocks and the MCP server.
Follow the deployment notes in the WordPress Plugin Boilerplate README: the right host depends on its framework and any services it needs. The page's categories show what it is built for.
The WordPress Plugin Boilerplate listing doesn't record a license. Check the LICENSE file in its repository (https://github.com/prappo/wordpress-plugin-boilerplate), and ask the author if there isn't one.
That depends on WordPress Plugin Boilerplate's license in its repository, which shadcn.io does not set. Read the LICENSE file before you use it in a client or paid project, and ask the author if it is unclear.
Attribution follows WordPress Plugin Boilerplate's license. Many permissive licenses ask you to keep the copyright notice and license text in your copy; its LICENSE file says exactly what.
No. The Pro license covers shadcn.io's own Pro code, blocks and premium templates. WordPress Plugin Boilerplate is the author's project, under the terms in its repository.
Prappo supports WordPress Plugin Boilerplate, through its GitHub repository: read the docs, open an issue or look for discussions. shadcn.io does not maintain it.
Yes. Once you clone it, WordPress Plugin Boilerplate is your own code: change the theme, add pages and connect your backend. It uses shadcn/ui, so you can also add more components the same way.
Yes. Components are free with a free account and the blocks are in Pro; both are copied into your project with the shadcn CLI. Check that WordPress Plugin Boilerplate uses Tailwind CSS and the shadcn/ui setup (a components.json) before you add them, and pick the base library your project already uses.
Yes, with Pro. The shadcn.io MCP server's search_templates tool finds templates by what they are, and returns each one's repository and live demo, so your editor can set up WordPress Plugin Boilerplate for you. Your files stay on your machine.
The collection has 4 other open source React Aria templates like WordPress Plugin Boilerplate, shown at the foot of its page with the ones sharing most categories first. All of them are at /template/category/react-aria.
Prappo has no other templates in the collection.
Yes. The 14 premium templates (Solaris, Reframe Labs, Spherule and Max and more) are built by shadcn.io and come with every Pro plan, if you want maintained code with a design file.
4.9 out of 5 from 150+ developers
Ship your next site this weekend
14 premium templates, 6,000+ blocks and MCP in every Pro plan. WordPress Plugin Boilerplate and the other 214 open source templates stay free.
Get Pro