Skip to content
Bonsai
Plans

Bonsai Component Library

Widget Component

Interactive widgets with accordion navigation, CTAs, and list items

Template System

Generate complete WordPress sites from templates

Component Library

Build with pre-built components and tools

Section Builder

Build dynamic page sections with powerful features

Documentation

Comprehensive guides and documentation

Feature illustration

Template System

Learn more

Generate complete WordPress sites from templates:

  • 1

    Bonsai Template

    Clean, lightweight, and modern

  • 2

    Cypress Template

    Glassy, modern, and beautiful

  • 3

    Custom Templates

    Create your own templates for reuse

    • Feature illustration

    Component Generation

    Learn more

    Generate and manage reusable components with ease:

  • 1

    Quick Setup

    Initialize your project with bonsai:init

  • 2

    Component Library

    Access pre-built components ready for customization

  • 3

    Component Generation

    Create new components with simple commands

    • Feature illustration

    Section Builder

    Learn more

    Build dynamic page sections with powerful features:

  • 1

    Dynamic Data

    Configure sections using YAML files

  • 2

    Reusable Sections

    Create once, use anywhere in your site

  • 3

    Flexible Layout

    Combine sections into custom page layouts

    • Feature illustration

    Documentation

    Learn more

    Comprehensive documentation and configuration guides:

  • 1

    Installation & Setup

    Quick installation via Composer and initial project setup

  • 2

    Command Reference

    Full documentation of all CLI commands and options

  • 3

    Configuration Guide

    Detailed YAML configuration and template system guides

    • Card Component

    Versatile cards for displaying content and features

    Component Library

    Card Layouts

    Multiple card layouts including feature cards, service cards, and content cards.

    Customizable Design

    Fully customizable with Tailwind classes and dark mode support.

    Responsive Display

    Automatically adapts to different screen sizes and devices.

    Media Support

    Built-in support for images, icons, and other media content.

    Interactive Elements

    Optional hover effects and click interactions for enhanced UX.

    Easy Integration

    Simple implementation with clear documentation and examples.

    Code Block Component

    Syntax-highlighted code examples with copy functionality

    Blade Example

    Blade template iteration

    @foreach ($items as $item) <x-bonsai::card :data="$item" /> @endforeach

    Dark Mode Toggle Component

    Theme switching with system preference detection

    Documentation

    Comprehensive guides and documentation for all components

    View Documentation

    Header Component

    Responsive navigation headers with dropdown support
    Plans

    Pricing Box Component

    Feature-rich pricing tables with customizable tiers

    Basic

    Free

    Get Started

    Footer Component

    Customizable footer layouts with navigation and social links