The widget library for WordPress is here Download plugin

Modern SaaS-Style Service Section

Free

Transform your website with this sleek, professional Platform Index Navigation widget - a contemporary design solution perfect for showcasing services, features, product roadmaps, and process workflows. This modern SaaS-style section brings a clean, organized visual hierarchy to your content presentation.

Design Features:

This widget features a striking two-column grid layout with bold, oversized numbers paired with elegant pill-shaped buttons connected by minimalist horizontal lines. The design aesthetic is inspired by modern pitch decks and SaaS landing pages, utilizing a vibrant blue background (fully customizable) with high-contrast white text and borders. Large typography for section numbering (01, 02, 03, etc.) creates strong visual anchors, while the rounded button style adds a soft, approachable feel. The connecting lines between numbers and buttons create a sophisticated flow that guides visitors through your content hierarchy.

Perfect Use Cases:

  • SaaS Landing Pages: Display platform features, pricing tiers, or product capabilities in an organized, scannable format
  • Agency Websites: Showcase your service offerings, project methodology, or workflow processes
  • Product Pages: Highlight key features, benefits, or technical specifications with clear visual separation
  • Pitch Decks & Presentations: Create professional service overviews, roadmap timelines, or strategic phases
  • Onboarding Flows: Guide users through step-by-step processes or implementation stages
  • Portfolio Sites: Organize project categories, service packages, or expertise areas
  • Startup Websites: Present business model components, growth strategies, or investor information
  • Consulting Firms: Outline consultation phases, deliverables, or areas of expertise
  • E-commerce Sites: Categorize product collections, shopping features, or customer benefits

Responsive & Customizable:

Fully responsive design adapts seamlessly from desktop to tablet to mobile devices. The two-column layout automatically transforms to a single-column stack on smaller screens while maintaining visual consistency. Every element is editable through an intuitive customizer - modify colors, fonts, button text, links, and add or remove service items dynamically. Built with modern CSS Grid and JavaScript for reliable cross-browser compatibility.

SEO-Optimized Structure:

Clean semantic HTML markup supports search engine optimization with proper heading hierarchy and descriptive link text. The widget's organized structure helps search engines understand your content architecture, improving indexability for service pages, feature lists, and product categories. Lightweight code ensures fast page load speeds - a critical ranking factor for modern SEO.

Key Benefits:

Professional design that builds trust and credibility, intuitive navigation that improves user experience, flexible customization for brand consistency, mobile-first responsive layout, easy content management without coding knowledge, and scalable structure that grows with your business needs.

Ideal for modern web design projects requiring a clean, organized presentation of multiple services, features, or process steps with contemporary visual appeal.

How to use this widget

  • Change your content and adjust the styles to match your design
  • Click export and copy the code
  • Paste it on your web page by adding a code/html block in your website builder (e.g., Squarespace, WordPress, Webflow, Wix) and paste the code.

👋 P.S. Have questions? Leave a comment.