# Hanzo AI Studio — Hanzo AI

> A workspace for the part before you write the client. Send a prompt, switch the model under it, read the response, and keep what worked.

# Hanzo AI Studio

A workspace for the part before you write the client. Send a prompt, switch the model under it, read the response, keep what worked. Chat, a playground, and a terminal over the same session — so the thing you tested is the thing you ship.

### MODELS

Zen5Zoo Labs Foundation

Zen5 CoderZoo Labs Foundation

Zen5 ProZoo Labs Foundation

GLM 5.2Z.ai

DeepSeek V4 ProDeepSeek

### SAVED PROJECTS

Customer Support Bot

Code Generator

Data Analysis Agent

Chat

This is a live session on zen5. Change the model in the sidebar and ask the same thing again to compare.

I need to create a React component that renders a carousel

Sure! Here's a simple React carousel component using Framer Motion:

```
import { motion, AnimatePresence } from 'framer-motion'; import { useState } from 'react'; const Carousel = ({ images }) => { const [currentIndex, setCurrentIndex] = useState(0); const handleNext = () => { setCurrentIndex((prevIndex) => prevIndex === images.length - 1 ? 0 : prevIndex + 1 ); }; const handlePrevious = () => { setCurrentIndex((prevIndex) => prevIndex === 0 ? images.length - 1 : prevIndex - 1 ); }; return ( Previous

Next

); }; export default Carousel;
```

This component takes an array of image URLs and displays them one at a time with animated transitions. You can customize it further based on your specific needs.

A verified author earns 20% of the metered spend of every deploy built from their repository.

[How it works](https://hanzo.ai/oss)

## Open a real session

[Read the docs](https://docs.hanzo.ai/docs/studio)[View on GitHub](https://github.com/hanzoai)

## Open source

License: Apache-2.0[hanzoai](https://github.com/hanzoai)

## Get AI Studio

Build AI apps visually

[Deploy to Cloud](https://platform.hanzo.ai/deploy)