> For the complete documentation index, see [llms.txt](https://phoenixcoded.gitbook.io/saasable/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/process.md).

# Process

- [Process1](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/process/process1.md): The Process1 component displays a section with an accordion-style card list and an optional side image, incorporating animations and dynamic content based on the provided props.
- [Process2](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/process/process2.md): The Process2 component renders a section with a background image card and a list of feature cards, displaying a heading, caption, and each feature card’s title, description, and icon.
- [Process3](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/process/process3.md)
- [Process4](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/process/process4.md): The Process4 component renders an interactive timeline with a changing image carousel, updating every 5 seconds and allowing manual step selection.
- [Process5](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/process/process5.md)
- [Process6](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/process/process6.md): The Process6 component displays a grid of cards, each featuring a rounded avatar, title, description, and a list of items with icons, all within a responsive layout.
- [Process7](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/process/process7.md): The Process7 component presents a responsive layout with two images, a title and caption, and dynamically rendered process steps in either a timeline or stepper format, depending on screen size.