Skip to content
/ Onyx Public

A versatile WordPress theme development starter kit leveraging React, TypeScript, and Tailwind CSS. This Builder Palette provides developers with a robust foundation to quickly build custom, responsive WordPress themes with modern web technologies.

Notifications You must be signed in to change notification settings

zaidnizam/Onyx

Repository files navigation

A versatile WordPress theme development starter kit leveraging React, TypeScript, and Tailwind CSS. This Builder Palette provides developers with a robust foundation to quickly build custom, responsive WordPress themes with modern web technologies.

Guide to use:

  1. Clone the repository:
git clone https://github.com/zaidnizam/Onyx.git your-theme-name
cd your-theme-name
  1. Ensure you have Node.js installed (version 16 or later):
node --version
  1. Install dependencies:
npm install
  1. Copy your theme folder into WordPress:

    • Navigate to your WordPress installation
    • Place the entire 'your-theme-name' folder into wp-content/themes/
  2. Activate the theme in WordPress admin panel.

  3. Start development:

npm run start
  1. Customize your theme:

    • Edit TSX files in src/ to create your theme structure and components
    • Utilize Tailwind CSS for styling
    • Modify tailwind.config.js for custom design tokens
  2. Build for production:

npm run build
  1. Your custom theme is now ready to use!

Note: This Builder Palette requires Node.js version 16 or later. Ensure your development environment meets this requirement before starting.

About

A versatile WordPress theme development starter kit leveraging React, TypeScript, and Tailwind CSS. This Builder Palette provides developers with a robust foundation to quickly build custom, responsive WordPress themes with modern web technologies.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published