Navbar Split CTA

A navigation bar with split primary and secondary call-to-action buttons. Features a balanced layout with navigation links on the left and two distinct CTA buttons on the right: a secondary outline button and a primary filled button. Dropdown menus display items with icons and descriptions in a clean list format. Mobile view uses a slide-out sheet with CTAs prominently displayed at the top. Ideal for SaaS products and services that want to emphasize both login/signup actions or demo/trial options simultaneously.

View API
navbarnavigationsplit-ctadual-buttonslogin-signupdemo-trialsaasconversionbalanced-layoutprominent-cta

Live Preview

Loading preview...

Preview Error

Component not registered

Showing live desktop render of Navbar Split CTA — rendered in an isolated iframe environment.

Performance Metrics

OpenSite Logo

Delivering the world's first Semantic UI site builder

Components

© 2026 OpenSite. All rights reserved.