Shipixen Logo

Landing Page Components

Updated on

Landing page components are presentational components that you can use to build your own landing page. They are located in the components/landing directory.

Shipixen landing page components are made so they work well together and can be easily customized to fit your brand.

You can combine them to create new sections, or use them individually to add specific elements to your landing page.

See the overview below and open any of the components to see the code and usage examples.

All landing page components in the library

Band

Display a band with a background color, large text and icons.

Discount

Display a discount (or sale) next to a button or CTA.

FAQ

Display a list of frequently asked questions.

FAQ Collapsible

Display a list of frequently asked questions that can be collapsed.

Feature List

Display a list of features with icons.

Feature

Display a feature with an icon and text. To be used with a Feature List.

Feature Key Points

Display a bullet point to highlight key features.

Marquee

Display a marquee that loops through a list of items.

Primary Image CTA

Display a large image with a call to action.

Primary Text CTA

Display a large text with a call to action.

Product Feature

It displays a title, description and optionally, an image of a product's feature

Product Video Feature

Like a Product Feature, but with a video instead of an image.

Product Features Grid

Display a grid of Product Features/Product Video features (in any combination).

Product Tour

Display a product tour with steps and content.

Product Hunt Award

Display a Product Hunt award or badge.

Rating

Display a rating with stars.

Sale CTA

Display a call to action for a sale.

Showcase

Display a showcase of logos/images etc.

Social Proof

Shows social proof with avatars, number of users and an optional rating.

Social Proof Band

Display a band with social proof items.

Social Proof Band Item

Display a single social proof item, to be used with the Social Proof Band.

Testimonial Grid

Display a grid of testimonials.

Testimonial Inline

Display a list of testimonials inline.

Testimonial Inline Item

Display a single testimonial inline.

Testimonial List

Display a list of testimonials.

Testimonial

A single testimonial.


Build a beautiful landing page from examples
Landing page UI components for React & Next.js,
built on top of TailwindCSS. Free and open-source.
Page UIPage UI Landing page components Logo