ShipAngular LogoShipAngular
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

Extras

Setup

  • Add your own logo in the /public folder and name it logo.png.

    Not using .png extension? Update components that use icon.png like the app-header
  • Create your site favicon with this free Favicon Generator. Download the zip file and put this 2 files in the /public folder:

    • apple-touch-icon.png (rename it apple-icon.png)
    • favicon.ico

    ShipAngular will automatically reference them in the <head /> of your HTML page.
  • Create a rectangle logo with your name like the one below. Name it logoAndName.png and add it to the /public folder.logo
  • Create two 1200x660 images for social media sharing. Name the first opengraph-image.png and the second twitter-image.png and add them to the /public folder.

    ShipAngular will automatically reference them in the <head /> of your HTML page.

Useful ressources

  • If you need a logo, you can use LogoFast
  • If you need SVG illustrations, you can use Undraw
  • If you need SVG background patterns, you can use Hero Patterns
  • If you need icons, you can use Heroicons & Lucide
  • If you need SVG blobs, you can use Haikei
  • If you need Tailwind Snippets , you can use Snippets
  • If you need Notion-like icons, you can use Overflow
  • If you need cute SVG doodles, you can use Figma Doodles