Mirrorful (YC W23)

Today, we’re releasing the beta of HTML to React to the public. It’s stupid powerful. ⬇️ Watch how fast I can go from seeing a design I like on an a website to getting a personalized React component. More examples of what this extension can do below

SUPER EXCITED to feature components from Syntax UI by @ansubkhan for day 8. these components are seriously some of the best i've seen in ANY ui kit. You can now use these buttery smooth components as a starting point and customize with AI in @magicpatterns ⬇️ link below ⬇️

LLMs + Figma + Emailify = ✨ Generative Emails ✨ the best part is you can just export these as HTML (s/o to @hypermatic), which can be used with pretty much any email provider!

Design discoverability and searchability is TERRIBLE within Figma! That’s why we’re introducing Librarian 📚 Librarian is a UI/UX search engine for designers. It automatically crawls and indexes your Figma files into queryable components and layouts. It then magically pulls existing mock ups (including completely different files!) that might be relevant / could be re-purposed. Below is an example of how we use Librarian internally at @magicpatterns

i got our custom GPT to "render" React code IN THE CHAT ITSELF basically, ComponentGPT learned to design!

I was super skeptical of custom GPTs… until I created one last night. I created ComponentGPT — a GPT that helps you design and implement React components using popular design systems. Here’s what I learned, and why I’m now bullish on custom GPTs. 🧵

If, like me, you're on the waiting list for v0 but can't wait, give Patterns AI a try 👉 designpatterns.io/ai

Introducing... Patterns: Your new frontend assistant 🧙 Patterns generates frontend components from natural language so you can explore designs and prototype faster — all while using the design system of your choice. Try it today at designpatterns.io/ai More backstory in 🧵

🚀 Patterns Searching for the perfect UI component just got easier. Explore diverse design systems with this search engine. #Resources #frontend by @mirrorful 👉 designpatterns.io 👈

@Teddarific 👋 Hey boss, ChatGPT wrote this script and it seems to work by pulling out class_='_9ba9a726'. Does it work for your use case? gist.github.com/alexdanilowicz…

i've tried doing some basic cleaning up of the HTML file (parsing out raw text etc) with no luck (loses too much structure I think)

i've been trying to get AI to parse websites. for example, pull the number of downloads on a NPM package site (npmjs.com/package/is-even) It's surprisingly bad — anyone have any advice or know any tools that could help with this? Things I've tried in the thread

a sneak peak of our latest feature: Mirrorful Docs 👀 With Mirrorful Docs, you can generate a full docs site from your Figma files documenting all your components, styles, and soon, variables. And all you need to do is copy and paste your Figma file URL. Early access below 🧵

@mirrorful's latest feature, Themes, is live on Product Hunt: producthunt.com/posts/mirrorfu… We use this ourselves to power Mirrorful's new dark theme! Up next, heading into components... 👀

@tweetsbyjackiec @alexdanilo99 @tweetsbyjackiec Swag comes free with a purchase of our hobby plan: buy.stripe.com/eVa4gxgJB8FJ0G…

@alexdanilo99 @mirrorful need

New swag fresh off the press, homemade by our Chief Swag Officer. @mirrorful

@ycombinator YC W23 batch(devtools + AI) 1) @atrilabs 2) usemeru . com 3) @Serialmfg 4) mogara . app 5) @rubbrbandHQ 6) @stackai 7) @blocksfabrik 8) @triggerdotdev 9) @mirrorful 10) @depotdevoid 11) @CodeComplete_AI 12) @NangoHQ 13) @RubberDuckyLabs 14) @PoplarML 👇

ship, ship, ship: shipping is the most effective way to learn alongside your customers @mirrorful launched support for tailwind within days of my asking 😇

📸 I look in the mirror and what do I see? 1,000 stars hanging over me.

Our newest demo video is now live! 🍿youtu.be/drWZ5LLZV5Q

The Mirrorful Team will be at the BerriAI hackathon at 10AM this Saturday in SF. Part of Berri's UI is powered by Mirrorful, so we are excited to attend and help others improve their frontend and design. See you there! lu.ma/i27b3fyn

CSS is hard. That's why we wrote a blog post about when to use PX vs EM vs REM so you don't get sued. mirrorful.com/blog/understan…

Big things are coming.