CraftReactNativeTemplates
AI Conversation
An AI conversation template with advanced messaging interface, voice recording, and interactive AI responses.
🔒
Access required
To use our templates you need to Unlock your access →
To use our templates you need to Unlock your access →
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
32 filesdata
ai-responses.ts
conversations.tsx
HeaderTitle
ContextMenu.tsx
HeaderTitle.tsx
index.ts
MessageComposer
VoiceRecordingBottomSheet
index.ts
RecordingTimer.tsx
VoiceRecordingBottomSheet.tsx
VoiceWaveAnimation.tsx
ActionButtons.tsx
AttachmentBottomSheet.tsx
index.ts
InputField.tsx
MessageComposer.tsx
PrimaryButton.tsx
MessagesList
MessageItem
AssistantMessage
index.ts
MessageItem.tsx
UserMessage.tsx
BackToBottomButton.tsx
index.ts
MessagesList.tsx
useNewMessageDetection.ts
AiConversationScreen.tsx