Message Kit
Message Kit is an interactive Framer component for creating animated chat conversations, support messages, notifications, product moments, and social-style message previews.
Build a custom conversation with individual sender names, messages, timestamps, avatars, colors, typography, spacing, bubble styles, and reveal animations - all directly from the Framer panel.
The component includes a static Canvas and Export preview, so it stays reliable while you design and publish.
Perfect for
- App and SaaS landing pages
- Product demos and feature showcases
- AI assistant and chatbot concepts
- Customer stories and testimonials
- Onboarding flows and explainer sections
- Portfolio case studies
- Any site that needs a familiar, expressive way to present a conversation
Key features
- Animated message reveal
- Individual sender names, message text, timestamps, and avatars
- Separate typography controls for names, messages, and time
- Custom bubble colors, text colors, backgrounds, and avatar settings
- Adjustable message width, spacing, padding, and corner radius
- Incoming and outgoing message styles
- Adjustable animation timing and delay
- Responsive layout for desktop and mobile
- Static Canvas and Export rendering for Framer
š Bonus: get 50% off your next template. Your code arrives right after purchase.
Support
For help or questions, contact: promakdesign@gmail.com
By clicking "Pay now," you authorize Polar Software, Inc., our online reseller and merchant of record, to charge your selected payment method the amount shown above, and agree to the Buyer Terms. This is a one-time charge.