Skip to content

Nynaeve Hybrid Theme

Sage 11 Hybrid Theme

Nynaeve Theme

A modern WordPress hybrid theme built on Sage 11, combining traditional templating power with block editor flexibility. Perfect for developers who want Tailwind CSS, custom blocks, and a professional workflow.

Nynaeve is the theme we use at Imagewize for custom client projects. It combines the best of both worlds: the power of traditional PHP templating with modern block editor capabilities.

Why Choose Nynaeve?

Built for developers who need more control than block themes offer.

Sage 11 Foundation

Built on the industry-standard Sage starter theme with modern development workflow.

  • Laravel Blade templating
  • Composer dependency management
  • Modern build process with Bud
  • Hot module replacement

Tailwind CSS Integration

Utility-first CSS framework fully integrated with WordPress theme.json.

  • Synced with theme.json colors
  • Custom font configurations
  • Responsive utilities
  • Production-optimized CSS

17 Custom Blocks

Production-ready Gutenberg blocks built for real client projects.

  • Hero sections and CTAs
  • Feature grids and testimonials
  • Pricing tables and FAQs
  • Content layouts and carousels

Hybrid Architecture

Best of both worlds: traditional templates and block editor flexibility.

  • Custom template files
  • Gutenberg block support
  • Advanced Custom Fields ready
  • Full theme.json support

Performance Optimized

Built for speed with modern optimization techniques.

  • Lazy loading images
  • Optimized asset loading
  • Minimal JavaScript
  • Clean, semantic HTML

Developer Experience

Professional development workflow with modern tooling.

  • Hot module replacement
  • Easy block scaffolding
  • TypeScript support
  • Clear code structure

17 Custom Gutenberg Blocks

Production-tested blocks used in real client projects.

  • About Block – Company/team information sections
  • Carousel – Image and content sliders
  • Content Image Text Card – Rich media layouts
  • CTA Block Blue – Branded call-to-action sections
  • CTA Columns – Multi-column CTAs
  • FAQ Block – Accordion-style Q&A
  • Feature List Grid – Service/feature showcases
  • Multi Column Content – Flexible layouts
  • Page Heading Blue – Hero sections
  • Pricing Block – Single pricing cards
  • Pricing Tiers – Multi-tier pricing tables
  • Related Articles – Blog post connections
  • Review Profiles – Customer testimonials with photos
  • Slide – Individual carousel slides
  • Testimonial Grid – Customer reviews layout
  • Two Column Card – Comparison/feature layouts
  • Working Test – Development/testing block

Perfect For These Projects

Custom Client Sites

Built for agencies and freelancers who need a solid foundation for client work. Custom templates, advanced fields, and complete control over every aspect of the site.

E-commerce Projects

WooCommerce-ready with custom product layouts, checkout optimization, and performance tuning. Perfect for online stores that need custom functionality beyond standard themes.

Marketing Websites

Landing pages, campaign sites, and marketing hubs. Pre-built blocks for CTAs, testimonials, pricing tables, and feature showcases. Optimized for conversions and SEO.

Complex Web Applications

When WordPress powers more than just content. Member portals, directories, booking systems, and custom post type applications. The Sage architecture scales with your needs.

Getting Started

Quick setup guide for developers.

Requirements

  • PHP 8.0 or higher
  • WordPress 6.0 or higher
  • Node.js 16+ and npm/yarn
  • Composer 2.0+

Installation

# Clone the repository
git clone https://github.com/imagewize/nynaeve.git

# Install Composer dependencies
composer install

# Install npm dependencies
npm install

# Build assets
npm run build

Development Workflow

# Start development server with hot reload
npm run dev

# Build for production
npm run build

# Run linting
npm run lint

Customization

The theme uses theme.json for design tokens and Tailwind configuration. Edit these files to customize colors, typography, and spacing:

  • theme.json – WordPress design tokens
  • tailwind.config.js – Tailwind CSS configuration
  • resources/styles/app.css – Global styles

Creating Custom Blocks

Custom blocks are located in resources/js/blocks/. Each block has its own directory with:

  • block.json – Block metadata
  • edit.js – Editor component
  • save.js or render.php – Frontend output
  • style.css – Block styles

Use existing blocks as templates or check the GitHub repository for detailed documentation.

Ready to Build Something Great?

Download Nynaeve from GitHub and start building your next WordPress project with a solid, professional foundation.

Download on GitHub

Need help implementing Nynaeve? Contact our team