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

ComponentsFeatures Grid

A component to display features with interactive demos in a responsive grids layout. Each feature has a title, a short description, and an interactive demo.

A Features Grid component for ShipAngular boilerplate

{page}.component.html

<app-features-grid />

Tips

  • Keep the title short and simple (less than 5 words).
  • Each feature card can take upto 3 columns of width.
  • The interactive demo should be a simple, yet powerful example of the feature.
  • You can also display a video or an image instead of an interactive demo.

Updated on: Wednesday, May 15, 2024

Looking for UI-only components like buttons, inputs, etc? It's all available with daisyUI. See this guide for more info.