- Home
-
Process Steps Grid
Process Steps Grid
A structured way to present information about each step, along with corresponding icons and descriptions. Each step card is designed with a hover effect.
This tailwind example is contributed by Computer guy, on 01-Oct-2023. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example is stepper

Author Computer guy
Related Examples
-
2 years ago18.5k
-
Stepper example
Explain How it works to your audience
2 years ago14k -
Work Showcase Cards
Highlight your top projects or products with these cards, featuring images and brief descriptions. This example has a subtle hover effect.
1 year ago11.2k -
Tailwind image gallery
Responsive grid with evenly spaced image cards. Each card has a title label at the bottom, and there's a subtle hover effect for interactive engagement.
2 years ago56.8k -
2 years ago11.4k
-
2 years ago10.8k
-
Steps section
Show features or steps of your website. Each step Includes Icons.
1 year ago8.7k -
Stepper block
A full-width steps section
2 years ago11.6k -
Steps section for explaining process
Step component with a curved line connecting all steps
1 year ago8.6k -
Products card grid
Example of product card grid with product image and pricing
2 years ago22k -
Feature / Icon grid
Present information in a clear and organized manner with icons.
2 years ago13.9k -
2 years ago11.6k
-
1 year ago5.4k
-
Data Metrics Showcase
An information panel designed to instill trust, presenting vital statistics about a service or product. The grid layout offers a clean and organized look for displaying key data.
1 year ago8k -
2 years ago9.3k
-
Masonry Grid
Auto-adjusting masonry grid
2 years ago30k
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components