Templates
AI Conversation
An AI conversation template with advanced messaging interface, voice recording, and interactive AI responses.
View source on GitHub
Preview
What's included?
The template includes the following features and screens:
- AI conversation interface with typewriter effect for responses
- Basic markdown formatting support for messages
- AI model selection via context menu
- Attachment bottom sheet for file uploads
- Voice recording with waveform animation (voice is actually not recorded)
- Assistant and user message components with distinct styling
- Thinking indicator and message loading states
- Micro animations throughout the interface for enhanced user experience
File Structure
31 filesdata
ai-responses.ts
conversations.tsx
MessageComposer
VoiceRecordingBottomSheet
index.ts
RecordingTimer.tsx
VoiceRecordingBottomSheet.tsx
VoiceWaveAnimation.tsx
ActionButtons.tsx
AttachmentBottomSheet.tsx
index.ts
InputField.tsx
MessageComposer.tsx
MessagesList
MessageItem
AssistantMessage
index.ts
MessageItem.tsx
UserMessage.tsx
BackToBottomButton.tsx
index.ts
MessagesList.tsx
useNewMessageDetection.ts
AGENTS.md
AiConversationScreen.tsx
HeaderTitle.tsx
info.json