react-code-instructions

# React Code Instructions

### Popular Queries

- [Number of instructions by Model](https://huggingface.co/datasets/cfahlgren1/react-code-instructions/sql-console/muIif41)
- [Unnested Messages](https://huggingface.co/datasets/cfahlgren1/react-code-instructions/embed/sql-console/S_pRmOR)
- [Instructions Added Per Day](https://huggingface.co/datasets/cfahlgren1/react-code-instructions/sql-console/WC10lL_)

Dataset of Claude Artifact esque React Apps generated by Llama 3.1 70B, Llama 3.1 405B, and Deepseek Chat V3.


# Examples

## Virtual Fitness Trainer Website


## LinkedIn Clone
<img src="https://cdn-uploads.huggingface.co/production/uploads/648a374f00f7a3374ee64b99/GTmkpHNnz3jHHYOsO9cMg.png" width=1000 />

## iPhone Calculator

## Chipotle Waitlist


## Apple Store


# React代码指令集
### 热门查询
- [按模型统计的指令数量](https://huggingface.co/datasets/cfahlgren1/react-code-instructions/sql-console/muIif41)
- [非嵌套式消息](https://huggingface.co/datasets/cfahlgren1/react-code-instructions/embed/sql-console/S_pRmOR)
- [每日新增指令数](https://huggingface.co/datasets/cfahlgren1/react-code-instructions/sql-console/WC10lL_)

该数据集收录了由Llama 3.1 70B、Llama 3.1 405B以及Deepseek Chat V3生成的类Claude Artifact风格的React应用。


# 示例
## 虚拟健身教练网站

## LinkedIn复刻网站
<img src="https://cdn-uploads.huggingface.co/production/uploads/648a374f00f7a3374ee64b99/GTmkpHNnz3jHHYOsO9cMg.png" width=1000 />

## iPhone计算器应用

## Chipotle排队点餐系统

## 苹果商店应用