When react-tweet package was unveiled back in 2023, it came up with a performant and customizable way to embed tweets in your application. I have seen it being used many times across testimonial pages, landing pages, blogs and more.
Similar to how shadcn CSS variables can be customized to theme the components, react-tweet also exposes css variables which can let you customize it to a great extent without touching any of the inner sub components. But even after that, I rarely found efforts being put in making sure that the tweet theme matches the overall theme of the page.
This is why I created Xpressor to help users customize the tweets as per their brand/identity fast. The app provides users with visual controls for typography and colors as well as AI generated theming using aisdk. Then users can copy the CSS (consisting of those customized CSS variables) and use it their app.
I have had this idea for long now and after seeing tweakcn solve the theming problem for shadcn, I thought, lets just build it. I started by prototyping this in v0 upto 29 iterations and then further built it in Cursor.
I have a really good example from the next-forge landing page where in dark mode, the overall black and white theme of the page just don’t sit with the default dim blue react-tweet embeds. So I have added a PR to improve the theming for all those tweets using this tool.
Here is the screenshot of the gallery page from this tool which gives you an idea of extent of customization possible by using it :-
