About X Chat Window
About
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.
What it does
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.
How to set up
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.
What you can customize
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.
Great for
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
Share your build
If you ship something cool with it, post it on X and tag me @Matthias_Oel, or send it over. I’d love to see what you create.
Need help?
Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.