Skip to content

Commit 04a066a

Browse files
committed
add claude clone app
1 parent cbeda37 commit 04a066a

File tree

4 files changed

+43
-1
lines changed

4 files changed

+43
-1
lines changed
148 KB
Loading

assets/reflex_build_template_images/deployment_and_health_dashbaord.png renamed to assets/reflex_build_template_images/deployment_and_health_dashboard.png

File renamed without changes.
Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
---
2+
title: cluade_clone
3+
description: "Claude-style AI assistant interface that supports multi-turn conversations, markdown rendering, and streaming responses—powered by Reflex."
4+
author: "Reflex"
5+
image: "claude_clone.png"
6+
demo: "https://build.reflex.dev/gen/13e2e1a4-dcc1-4b76-8a09-d1f22b8d281a/"
7+
video: "https://www.youtube.com/embed/l2rmnKgYoSk"
8+
meta: [
9+
{"name": "keywords", "content": "Claude clone, AI assistant UI, chat interface, chatbot frontend, streaming responses, Reflex app, LLM UX"},
10+
]
11+
tags: ["AI", "Chatbot", "Frontend", "Assistant"]
12+
---
13+
14+
15+
# Claude Clone Chat Interface
16+
17+
Looking to build your own Claude-style AI assistant?
18+
This Reflex-powered app replicates the clean, conversational UX of modern AI chat tools—complete with multi-turn context, markdown formatting, and streaming response support.
19+
20+
Whether you're integrating with OpenAI, Anthropic, or custom LLMs, this clone-ready UI gives you a solid starting point for building high-quality AI assistants.
21+
22+
**Industry**
23+
AI · Developer Tools · Productivity · Education · Customer Support
24+
25+
**End users**
26+
Product Teams · AI Researchers · Developers · Content Creators · Support Agents
27+
28+
**Components**
29+
Chat Bubbles · Streaming Response Panel · Prompt Textarea · Markdown Renderer · Message History · Clear & Regenerate Buttons
30+
31+
32+
33+
### What you can build
34+
35+
* **Claude-Like Assistant UI** – mimic the structured, minimal design of Claude with avatars, alternating message styles, and inline rendering.
36+
* **Streaming Output Handler** – pipe tokens from your backend LLM API to the UI in real time for a responsive experience.
37+
* **Prompt Input with Shortcuts** – capture multiline prompts, support keyboard shortcuts, and auto-focus for fast interaction.
38+
* **Markdown + Code Blocks** – support rich markdown formatting, including headings, lists, code blocks, and inline styling.
39+
* **Session Memory Viewer** – show or store conversation history to preserve context across multi-turn interactions.
40+
* **Regenerate & Reset Actions** – include common UX actions like message regeneration and full conversation clearing.
41+
42+
This entire interface is built in Python with Reflex, making it easy to wire up with your backend inference engine, vector DB, or function-calling logic—no frontend code required.

reflex_build_templates/deployment_and_health_dashboard.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: deployment_and_health_dashboard
33
description: "Combines service metrics, rollout status, and incident timelines in one screen for on-call engineers."
44
author: "Reflex"
5-
image: "deployment_and_health_dashbaord.png"
5+
image: "deployment_and_health_dashboard.png"
66
demo: "https://retail-analytics-dashboard-cyan-ring.rxc.app/"
77
video: "https://www.youtube.com/embed/rIV3AAZxhuc"
88
meta: [

0 commit comments

Comments
 (0)