๐ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.
Headers / Navbars
Navigation bars, menus, and top sections
548 components - V3 400 ยท V4 148
๐ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.
Header with Logo, Icon-list Nav, CTA Button 19
section heading + subtitle: left logo + right search placeholder + CTA button
Header with Logo, Nav-menu, CTA Button 19
section heading + subtitle: left logo + right search placeholder + CTA button
Header with Logo, Phone Info, CTA Button 19
section heading + subtitle: left logo + right search placeholder + CTA button
Header with Logo, Nav-menu, Login, Signup Buttons 19
section heading + subtitle: left logo + right search placeholder + CTA button
Header with Logo, Icon-list Nav, CTA Button 20
section heading + subtitle: left logo + right search placeholder + CTA button
Header with Logo, Nav-menu, CTA Button 20
section heading + subtitle: left logo + right search placeholder + CTA button
Header with Logo, Phone Info, CTA Button 20
section heading + subtitle: left logo + right search placeholder + CTA button
Header with Logo, Nav-menu, Login, Signup Buttons 20
section heading + subtitle: left logo + right search placeholder + CTA button
Header with Logo, Icon-list Nav, CTA Button 21
section heading + subtitle: transparent overlay: logo left + nav right + CTA
Header with Logo, Nav-menu, CTA Button 21
section heading + subtitle: transparent overlay: logo left + nav right + CTA
Header with Logo, Phone Info, CTA Button 21
section heading + subtitle: transparent overlay: logo left + nav right + CTA
Header with Logo, Nav-menu, Login, Signup Buttons 21
section heading + subtitle: transparent overlay: logo left + nav right + CTA
Header with Logo, Icon-list Nav, CTA Button 22
section heading + subtitle: transparent overlay: logo left + nav right + CTA
Header with Logo, Nav-menu, CTA Button 22
section heading + subtitle: transparent overlay: logo left + nav right + CTA
Header with Logo, Phone Info, CTA Button 22
section heading + subtitle: transparent overlay: logo left + nav right + CTA
Header with Logo, Nav-menu, Login, Signup Buttons 22
section heading + subtitle: transparent overlay: logo left + nav right + CTA
Header with Logo, Icon-list Nav, CTA Button 23
section heading + subtitle: transparent overlay: logo left + nav right + CTA
Header with Logo, Nav-menu, CTA Button 23
section heading + subtitle: transparent overlay: logo left + nav right + CTA
Header with Logo, Phone Info, CTA Button 23
section heading + subtitle: hamburger placeholder: logo left + icon right
Header with Logo, Nav-menu, Login, Signup Buttons 23
section heading + subtitle: hamburger placeholder: logo left + icon right
Header with Logo, Icon-list Nav, CTA Button 24
section heading + subtitle: hamburger placeholder: logo left + icon right
Header with Logo, Nav-menu, CTA Button 24
section heading + subtitle: hamburger placeholder: logo left + icon right
Header with Logo, Phone Info, CTA Button 24
section heading + subtitle: hamburger placeholder: logo left + icon right
Header with Logo, Nav-menu, Login, Signup Buttons 24
section heading + subtitle: hamburger placeholder: logo left + icon right