X Chat Window adds an X-style messages popup to your site, turning it into an entry point for X DMs that opens your profile. Corner placement and full styling controls included.
Make it with Workshop
Build your own component with AI
X Chat Window adds an X-style messages popup to your Framer projects. Turn any page into an entry point for X DMs: visitors type a short message idea and then jump straight to your X profile to continue the conversation directly on X. Licensed for unlimited personal and commercial projects by the purchaser.
Renders a floating “Messages” bar that sits in the corner of your page, shows your X details, and displays a welcome line plus helper text. Visitors can type a short message into the input field, then hit send to open your X profile in a new tab and finish the DM directly on X.
Note: X Chat Window does not send messages from your site, it acts as a clean, X-style launcher for your DMs.
Add the X Chat Window component to your Framer project.
Use the property panel to plug in your X details and basic styling.
Drag the component into your Desktop breakpoint.
Set the component to Fixed position and give it a z-index of 10.
Position it in the corner where you want the chat to live.
Adjust tablet and mobile breakpoints so the chat window stays responsive on all screens.
Easy to customize directly from the Framer property panel with controls for content, typography, colors, corner radius, shadow and animation, explore the panel to see all available options.
Personal websites and portfolios
Creators and founders who use X DMs as their main contact channel
Agencies and freelancers offering X as a quick way to get in touch
Landing pages and sales pages linking to X for support or follow-up
Link-in-bio and profile sites that highlight X as the primary touchpoint
Newsletter or product sign-off sections with a “DM me on X” option
SaaS dashboards or tools that want a simple “Contact on X” entry in the UI
Questions or feedback? I’m happy to assist: matthias@lmvision.de