Skip to content

Sage 11 Hybrid Theme

Nynaeve: the Sage 11 theme behind our custom client builds

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

View on GitHub
Get a theme built

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. Latest update: multi-level dropdowns, enhanced text hover and better dropdown styling.

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 Vite
  • 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

29 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

29 Custom Gutenberg Blocks

Production-tested blocks used in real client projects.

  • About Block – Company and team sections
  • Carousel – Image and content sliders
  • Case Studies Grid – Case studies with a featured card
  • Contact Section – Contact info with a Contact Form 7 card
  • CTA – Blog-post call-to-action by service variant
  • CTA Block Blue – Branded call-to-action sections
  • CTA Columns – Dual call-to-action cards
  • Elayne Hero – Hero with gradient background and metrics
  • Expect List – Dark "what to expect" list
  • FAQ Section – Collapsible Q&A
  • Feature Cards – Six highlight cards with icons
  • Feature List Grid – Two-column checkmark features
  • Icon Grid – Responsive icon and text grid
  • Image and Text Card – Card with image, text and buttons
  • Multi-Column Content – Stats, CTAs and benefits
  • Page Heading Blue – Blue gradient page heading
  • Pricing Tiers – Three-column pricing comparison
  • Modern Pricing Table – Package comparison with pricing
  • Quick Summary – Summary callout for blog posts
  • Related Articles – Latest related posts
  • Related Links – Grid of linked pills
  • Review Profiles – Customer reviews with photos
  • Service Detail Cards – Numbered service cards with checklists
  • Service Hero – Dark hero with dual CTA buttons
  • Service Intro – Intro text for service pages
  • Slide – Single carousel slide
  • Testimonial Grid – Testimonials with metrics
  • Trust Bar – Inline trust-signal items
  • Two Column Card – Two-column card grid

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.

Nynaeve runs on PHP 8.3 or higher and WordPress 6.6 or higher. To build it you need Node.js 20+ with npm, and Composer 2.0+. Clone the repository, install the dependencies, build the assets, and you have a working Sage 11 theme. The steps below are folded away so the page stays readable; open the ones you need.

For the developers: installation

Clone the repository, then install the Composer and npm dependencies and build the assets.

# 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
For the developers: development workflow

Day to day you run the dev server with hot reload, then build for production.

# Start development server with hot reload
npm run dev

# Build for production
npm run build
For the developers: 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/css/app.css – Global styles
For the developers: creating custom blocks

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

  • 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