ShipAngular Logo
Get started
Tutorials
Ship in 5 minutes Static pageUser authenticationAPI callPrivate pageStripe SubscriptionsPrivacy policy with GPT
Features
SEODatabaseEmailsPaymentsGoogle OauthMagic LinksCustomer supportError handlingAnalytics
Components
HeaderHeroProblemWithWithoutFeatures ListicleFeatures AccordionFeatures GridCTAPricingFAQFooterButton LeadButton CheckoutButton Sign-inButton AccountButton GradientBetter IconTestimonial AvatarsRating
Security
Sending limit in MailgunMonthly budget in OpenAIRate limiting (Magic Links)
Deployment
Extras

ComponentsHeader

A responsive header with your logo (left), links (center) and a CTA (right). Links and CTA are hidden on mobile and accessible with a burger menu. Add your own logo in the /public folder. Make sure to match the file name in the header component (currently icon.png)

A Header component for ShipAngular boilerplate

{page}.component.html

<app-header></app-header>

Tips

  • Unless you're Nike or Apple, visitors have no idea who you are. Keep your brand name small.
  • Try to always have a Pricing link in your header. No matter what you sell, people will look for it.
Looking for UI-only components like buttons, inputs, etc? It's all available with daisyUI. See this guide for more info.