# 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

Zen5

Zoo Labs Foundation

Zen5 Coder

Zoo Labs Foundation

Zen5 Max

Zoo Labs Foundation

GLM 5.2

Z.ai

DeepSeek V4 Pro

DeepSeek

### 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:

```
jsx 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.

Send

Up to 5% of compute revenue goes to open source contributors. Connect your GitHub & wallet to earn.

[Connect & Earn](https://hanzo.ai/open-source/dividends)

## Open a real session

[Read the docs](https://docs.hanzo.ai/docs/ai-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://console.hanzo.ai/deploy)[Self-host](https://docs.hanzo.ai/docs/ai-studio)