Default feature tailwind css block
This grid layout feature item example can be used to showcase up to four things in a row with icon, title and description.
Features with illustration
These tailwind css features let you display illustration with custom icons, description and CTA buttons in horizontal style.
Tailwind Feature cards
Following block can be used when one wants to keep simple features design with custom icons, title and description .
Tailwind Features with hover effect
Below example has a grid-structured card layout, it can be used to show three cards in a row with a hover effect, each containing an icon, a title, and a description.
Feature list with border layout
When a modern list style is needed with a border outside cards which have icons, title and description.
Testimonial layout with feature card block
When you want to use cards in testimonial layout where four horizontal cards can be displayed on the screen with next and previous buttons to move cards horizontally.
Tailwind Features With CTA buttons
Here in this style two items in a grid layout can be shown with custom icons, little bit of description and call to action buttons.
Description with feature icons
Here one can use heading description with CTA buttons alongside features with title, icon and description.
Tailwind CSS Feature cards with creative layout
In this style one can place cards creatively where heading description and buttons will also be part of the page.
Feature list card with solid background
Normal grid layout card structure but will have background inside the cards.
Tailwind CSS Features with phone mock up
It will show mock up of mobile application covered by features of the app on the both sides of the mock up.
Image with features
Use this example in case when one wants to show big size image along with features.
Tailwind CSS Features as tabs
Feature section can be placed as tab layout with image on the home page.
Feature tabs with CTA button block
Here features of the service or product will be displayed as tab layout needless to say title, icons and CTA buttons will be part of the tabs.
Alternate image with feature list block
You may use this example to increase the page's visual appeal by alternating between an image and a list adjacent to each other.
Tailwind features with custom icons
This features alternate design can be used to display the headlines, icons and description.
Feature section with FAQ block
This example is useful when one wants to show faqs in a accordion styles in section next to an image.
With gradient background block
Just another section with features, icons, buttons but here you can use gradient colours in the background.
Feature block with cover image block
Display a sizeable image and place features next to it.
Feature section with dark theme block
This dark theme highlights section with custom icons, description and CTA buttons.
Creative app mockup with features
When you want to showcase features and application mock up creatively this example block can be used.
Vertical feature card with tailwind css
In this dark theme features will be shown vertically.
Heading only feature section with dark theme
When only headings and icons are to be highlighted in a dark theme following block can be used.